开门见山,从win10中运行安卓版本的react-native,从0到1,笼统地步骤可以分为以下几点:
1.配置android环境,配置android sdk;
2.配置react-native环境
3.配置安卓模拟器
4.运用cmd,在安卓模拟器中运行react-native应用。
下面就开始从山上的石头慢慢的说一下配置步骤:
1.配置安卓环境,配置安卓sdk运行环境
a. 下载android studio 或者 android sdk manage ,配置安卓sdk运行环境
下载地方暂时不提供了,下面说一下配置安卓sdk环境:①找到下载的sdk文件夹下的platform-tools文件和tools文件,打开控制面板 → 系统和安全 → 系统 → 高级系统设置 → 环境变量 对android sdk 进行配置:
点击,将platform-tools文件的文件夹路径进行复制,点击新建变量,设置key为 ANDROID-HOME ,value设置为刚才复制的文件夹路径,点击保存,打开cmd,输入adb -version,如果可以查看到版本号,说明安卓环境已经配置好。
2.配置react-native环境
打开cmd,配置node.js环境(下载node.js并安装到电脑上),运行命令 npm install -g react-native-cli 下载react-native并配置好环境
3.配置安卓模拟器
安卓模拟器可以考虑下载android studio模拟器,或者使用夜神模拟器(夜神模拟器版本为4.5左右,小弟用的也是这个模拟器)
4.在安卓模拟器中运行react-native应用
a.运行react-native应用首先创建一个应用:选择一个文件夹,运行命令行react-native init AwesomeProject进行创建应用名称为 AwesomeProject,创建成功需要将应用与模拟器连接;
b.连接模拟器:cd 到夜深模拟器的 F:\夜神\Nox\bin 目录,运行命令行:adb connect 127.0.0.1:62001;将模拟器绑定ip后cd到rn项目文件夹下:
运行命令行:adb devices 查看是否有模拟器配置,
如果没有设备需要添加运行设备: 运行命令行:adb connect 127.0.0.1:62001 绑定设备,绑定成功后需要将创建的应用生成apk包并安装到模拟器中: 在cmd 中运行命令行:cd android && ./gradlew assembleRelease 在F:\andriod-no\rn\rnDemo\android\app\build\outputs\apk\debug 目录下生成apk文件,将apk直接拖到夜神模拟器中安装。
可能出现问题的解决方式:
Ⅰ . cd 到rn项目的根本目录下运行react-native run-android 在模拟器中运行应用,确保在相同wifi下点击夜神模拟器的按钮出现
这个页面,点击dev settings 配置 o项为该网络下的ipv4 的地址(eg: 10.0.0.1:8081)端口号必须为8081,
Ⅱ . 配置8081端口: cd 到安卓环境的F:\andriod-no\sdk\platform-tools 下运行adb reverse tcp:8081 tcp:8081 ,配置成功以后cd 到rn项目根目录并运行命令行 react-native run-android 命令,出现
运行成功,大功告成! 写的有点着急,还请谅解。