react-native 环境搭建

1.下载安装jdk 1.8版本

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

默认安装地址C:\Program Files\Java\jdk1.8.0_231
设置系统环境变量

image.png

变量值为jdk安装地址

然后在系统变量列表中双击Path变量，并将%JAVA_HOME%\bin地址添加到变量值后

安装完测试：在cmd命令窗口中输入javac -version

image.png

有值输出证明jdk安装成功

2.安装node (版本10.16.3)

https://nodejs.org/zh-cn/download/releases/

3.安装yarn

npm install -g yarn

4.安装Android Studio (这里安装的是3.1.4)

下载地址为：
https://developer.android.google.cn/studio/archive
在编辑器中安装sdk 、安卓模拟器（安卓模拟器中ctrl+m (reload 重新加载页面)（disable live reload所有页面更新显示）（disable hot reloading 当前页更新显示）
真机中摇一摇代替（ctrl+m））
参考native 官网 https://reactnative.cn/docs/getting-started/

---

配置 ANDROID_HOME 环境变量

React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径，从而正常进行编译。打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建，创建一个名为ANDROID_HOME的环境变量（系统或用户变量均可），指向你的 Android SDK 所在的目录（具体的路径可能和下图不一致，请自行确认）：

ANDROID_HOME Environment Variable

SDK 默认是安装在下面的目录：

---

c:\Users\你的用户名\AppData\Local\Android\Sdk
你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径，具体是Appearance & Behavior → System Settings → Android SDK。

你需要关闭现有的命令符提示窗口然后重新打开，这样新的环境变量才能生效。

把 platform-tools 目录添加到环境变量 Path 中

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量，选中Path变量，然后点击编辑。点击新建然后把 platform-tools 目录路径添加进去。

此目录的默认路径为：

c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools

安卓模拟器中ctrl+m (reload 重新加载页面)（disable live reload所有页面更新显示）（disable hot reloading 当前页更新显示）
真机中摇一摇代替（ctrl+m）
配置sdk环境变量：在系统变量中path路径添加sdk安装地址
React-ative 项目建立版本 --version 0.57.8

问题1：包下载不全

在android文件夹下的build.gradle文件中，jcenter()用 jcenter{ url 'http://jcenter.bintray.com' }代替

image.png

问题2：模拟器运行报错

报错：unable to load script from assets 'index.android bundle' ,make sure your bundle is packaged correctly or youu're runing a packager server

解决：用管理员身份运行命令窗口，然后重新react-native run-android 虚拟器版本（可通过adb deviced命令查看当前运行的模拟器）

问题3：项目依然运行不起来，

请尝试多次build、清理、关闭重启项目等