关于react-native搭建开发环境 （android）

作为第一次用rn开发的小白只有参照。

可以借鉴的 https://reactnative.cn/docs/0.51/getting-started.html#content

简单粗暴，直接上码

看到官方文档要下载那么多，说实话，看到打脑壳。希望直接装载好依赖直接看到界面，我喜欢简单粗暴

1.下载Node

choco install nodejs.install
复制代码

2.下载react-native，这里AwesomeProject是项目的名字

react-native init AwesomeProject
复制代码

3.进入项目

cd AwesomeProject
复制代码

4.启动安卓模拟器，这里启动的时候需要在Visual Studio启动，可以参考下面图片来启动

react-native run-android
复制代码

• 在Visual studio 里面找到这个小手机点击打开，这里有个坑。有可能启动找不到小手机。需要看右下角点击configer。或者重启一下

• 一般我用API25的版本。

• 启动完成的界面，进行页面书写可以在app.js文件。或者你从新建个src文件也行。这里启动也有个坑。需要去配置个东西

这里最麻烦的是就是Visual Studio 的配置，具体的可以参考官方的API.

5.App启动流程

• 目录“..\android\app\build.gradle” android里面的，ndk看下是不是

abiFilters "armeabi-v7a", "x86"

• “..\android\app\proguard-rules.pro” 最后的地方

-keep class android.text { ;} -dontwarn android.text.

• “..\android\gradle.properties” 最后的地方，这里进行配置端口，账号密码是你电脑的

org.gradle.jvmargs=-Xmx2048m systemProp.http.proxyHost=s1firewall systemProp.http.proxyPort=8080 systemProp.http.proxyUser= systemProp.http.proxyPassword= systemProp.https.proxyHost=s1firewall systemProp.https.proxyPort=8080 systemProp.https.proxyUser= systemProp.https.proxyPassword=

• 打开模拟器 确认8081端口是否被占用 如果被占用关闭8081端口

netstat -aon|findstr "8081" 这个是确认端口是否被占用      taskkill /F /PID <idCode> 这里填写需要关闭的端口号
复制代码

• 确保已经连接到模拟器 在APP目录下输入 react-native run-android 运行

• 虚拟机快捷键

Android： ctrl+M 打开选项 连续点击两次R键刷新

ios： command+d 打开选项 Command⌘ + R 刷新

第一次在这里发表文章，有什么不对的地方或者不懂得欢迎评论。