02 RN 项目运行

1、git clone https://github.com/liuweijw/RNLearning.git

2、切换至RNLearning目录 yarn install or npm install

3、运行Android Studio 导入android能够正常编译则环境pass

4、运行Vscode 导入RN-Learing 项目

• react-native start 访问http://localhost:8081/index.bundle?platform=android 如果可以访问，表示服务器端启动成功。
• react-native run-android 第一次运行的时候会下载gradle,时间较长，成功之后，会在android模拟器中安装上。

5、启动Genymotion

adb devices
adb reverse tcp:8081 tcp:8081
adb connect 192.168.100.101:5555
react-native run-android
genymotion 打开模拟器WiFi、设置DEV-SETTING

5、设备运行

• https://reactnative.cn/docs/0.51/running-on-device-android.html#content

6、打包方式

• android 打包：yarn run build:android
• ios 打包：yarn run build:ios
• 代码检查修复： yarn run lint

7、打包原理说明

Android安装release版的应用
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
react-native run-android --variant=release
IOS安装应用
react-native bundle --entry-file index.ios.js --platform ios --dev false --bundle-output release_ios/main.jsbundle --assets-dest release_ios/  

(1) --entry 入口js文件，android系统就是index.android.js，ios系统就是index.ios.js
(2) --bundle-output 生成的bundle文件路径 
(3) --platform 平台 
(4) --assets-dest 图片资源的输出目录 
(5) --dev 是否为开发版本，打正式版的安装包时我们将其赋值为false