React Native 第一个小demo

环境配置主要参照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”，出现如下图表示启动成功