首先配置环境我们需要用到以下工具:
- node.js
- react-native-cli
- Android Studio
- JDK(1.8以上)
- SDK
- python
1.安装node.js和react-native-cli命令行工具
- node.js下载好按提示安装好
- npm install -g react-native-cli
2.安装JDK并配置环境变量
这里不做说明
3.安装python
不知道有啥鸟用,官网提示安装,不装目前未发现问题
4.安装Android Studio并安装Android SDK
安装好Android Studio后进SDKManager.确保以下项目已经安装并更新到最新
- Tools /Android SDK Tools
- Tools /Android SDK Platform Tools
- Tools /Android SDK Build-tools(23.0.1) 必须是23.0.1
- Androif 6.0(API 23) /SDK platform
- Extras /Android support Library
- Extras /Android support Repository
将SDK 的platform-tools 加入到环境变量PATH
5.创建项目
进入工作目录:
react-native init $projiectName
6.运行packager
react-native start
执行成功可用浏览器访问 Http://localhost:8081/index.bundle?platform=android 查看是否可以看到打开后的脚本(看到很长的一段代码几就对)
7.运行模拟器或真机连接
- 模拟器运行
- 真机运行(下载好相应的USB驱动)
- 运行adb devices 可以看到对应的设备(若找不到adb命令,请检查SDK环境变量配置)
- adb连接夜神模拟器
adb connect 127.0.0.1:62001
8.安卓运行
保持package开启,开启另一窗口,在工程目录下运行:
react-native run-android
如APK安装报错:检查SDK依赖是否装冲,和环境变量
红屏:开发者模式配置IP加8081