环境配置主要参照React Native中文网
注意事项
1:配置 react-native
环境变量:...\nodejs\node_global
遇到的坑
一:androidStudio运行先打包
1.在工程根目录下执行打包命令,比如
react-native
bundle --entry-file index.android.js --bundle-output
./android/app/src/main/assets/index.android.jsbundle --platform
android --assets-dest ./android/app/src/main/res/ --dev false
注意:[./android/app/src/main/assets/]文件夹存在。运行报错的话在工程根目录新建index.android.js空文件
运行完成会在assets文件夹下生产下图2个文件
2.增量升级的话不要把图片资源直接打包到res中,脚本如下:
react-native
bundle --entry-file index.android.js --bundle-output
./bundle/androidBundle/index.android.jsbundle --platform android
--assets-dest ./bundle/androidBundle/ --dev false
3.保证MainActivity.Java中的setBundleAssetName与你的jsbundle文件名一致,比如.setBundleAssetName(“index.android.jsbundle”)就与我生成的资源名一致
二,APP出错
1:开启app悬浮框权限,左右晃动打开悬浮框, 选择Dev Settings,打开Debug server host & for device 设置服务ip(注意:ip地址为你电脑ip,端口默认8081,确定端口没被其它应用占用,)
2:开启本地服务,在当前工程目录输入 “react-native start”,出现如下图表示启动成功