2.1 flexbox布局 flexbox是React Native应用开发不可少的内容 2.1.2 布局模型 flexbox布局由伸缩容器和伸缩项目组成。任何一个元素都可以指定为flexbox布局，其中设为display:flex或display:inline-flex的元素称为伸缩容器，伸缩容器的子元素称为伸缩项目，伸缩项目使用伸缩布局模型来排版 上面图片引用网址:http://w

1.1 环境搭建 1.1.1 安装Node.js 在浏览器中输入http://nodejs.org下载node-v4.4.pkg然后双击安装一路next,安装成功过后在terminal中输入node -v查看版本号 1.1.2安装React Native 安装Homebrew安装watchman和flow的命令如下: brew install watchman

3.1 View组件 React Native中的View就相当于web开发容器中的div3.1.1 View介绍 View是一个容器，支持flexbox布局，可以进行复杂布局 3.1.2 案例:九宫格的实现 现在我们实现携程的客户端首页实例，其web app地址是http://m.ctrip.com，下面我们实现酒店这一栏布局 实现: 加载View组件，在inde