React Native项目简介及改变主轴方向
2017-10-31 22:58
381 查看
一:RN项目简介
配置完RN开发环境后,通过webstorm新建一个测试项目,进入项目跟目录如下图
1.android:此目录下是RN生成的android对应项目目录,运行Android失败时可以检测buildToolsVersion,gradle等是否一致
2.iOS:对应RN生成的项目目录(不太熟,省)
3.node_modules:依赖库,可以删除,删除后可以通过nmp install 指令重新生成
4.index.js:项目入口文件
5.app.js:开发编辑页面(之前分为两个Android.js和ios.js,更新之后合二为一)
二:对APP.js页面做简要说明:
如图:页面由3部分组成:
1:如箭头所指:该部分是导入的类库部分
2:该部分是进行页面布局等操作的部分
3:该部分是定义styles样式部分
三:通过flexDirection切换主轴方向
在跟布局设置flexDirection,图一值为“”row“,图2值为"column"
配置完RN开发环境后,通过webstorm新建一个测试项目,进入项目跟目录如下图
1.android:此目录下是RN生成的android对应项目目录,运行Android失败时可以检测buildToolsVersion,gradle等是否一致
2.iOS:对应RN生成的项目目录(不太熟,省)
3.node_modules:依赖库,可以删除,删除后可以通过nmp install 指令重新生成
4.index.js:项目入口文件
5.app.js:开发编辑页面(之前分为两个Android.js和ios.js,更新之后合二为一)
二:对APP.js页面做简要说明:
如图:页面由3部分组成:
1:如箭头所指:该部分是导入的类库部分
2:该部分是进行页面布局等操作的部分
3:该部分是定义styles样式部分
三:通过flexDirection切换主轴方向
在跟布局设置flexDirection,图一值为“”row“,图2值为"column"
相关文章推荐
- 新建react-native项目并在genymotion模拟器上运行
- 现有Android项目引入ReactNative
- 通过WebStorm新建一个React Native项目
- 运行react-native中的android项目及问题解决
- React Native for android 项目驱动教程
- react-native 打包成web项目用于微信公众号,以及问题汇总
- react-native加载项目,报错,因为SDK路径不对
- ReactNative 之state来改变button的背景图片
- Error:Configuration with name 'default' not found. 解决办法 (React Native项目)
- React-Native - 使用AppState获取App运行状态(以及监听状态改变事件)
- 2、React-Native项目调试
- Redux中间件在React和React-Native项目架构中的应用实践
- React-Native项目升级后,不能package服务时报错:Cannot find module ‘invariant’
- React-native学习过程 七 flexbox伸缩项目属性
- React-Native 之 项目实战(一)
- Reactnative嵌套Android再嵌套ReactNative项目总结
- react native新建项目运行在安卓设备上
- react_native 项目实战 (6) 趋势页面 列表抽取 popover使用
- React Native 简介
- React Native项目遇到的问题 -> 端口号修改