新建工程
执行命令
1 | react-native init MyProject |
导入第三方库
导入Button库react-native-button，戳这里，打开github
1 | npm install react-native-button --save |
导入导航库react-native-router-flux，点击查看github1
npm install react-native-router-flux --save
导入redux
1 | npm install redux --save |
1 | npm install react-redux --save |
1 | npm install react-native-modalbox --save |
react-native-modalbox如下图
react-native-vector-icons是github中很火的开源图标项目，解决我们找四处找图标的麻烦
注意在android使用中，一定不要忘记把node_modules\react-native-vector-icons\Fonts下的所有文件拷贝到android/app/src/main/assets/fonts路径
执行
打开服务
1 | react-native start |
android虚拟机或真机运行
1 | react-native run-android |
推荐的IDE
使用webstorm11,代码补全以及文件索引，要优于atom跟sublime text
推荐模拟器
Xamarin Android Player,自带的菜单按钮特别方便，genymotion在win10经常起不来，后来试用了xamarin，发现相当稳定，强烈推荐
调试
5.0以下 点击memu菜单或者摇晃机身，弹出选项，选择reload js
5.0以上 首先adb reverse tcp:8081 tcp:8081，然后摇晃机身