从零搭建react -native 开发环境，小白必看(windows版本)

1.Node(版本需要大于12.x)

这里请自行下载

2.JDK下载并安装

oracle下载地址：https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html）
也可以去如下网站下载：
adoptopen

3.Android studio 下载并安装

windows 下载地址：https://developer.android.google.cn/studio
初次安装Android Studio下载SDK等必定失败，设置代理方法如下：
1.到android studio安装目录，打开bin目录，编辑idea.properties, 在文件末尾添加:
disable.android.first.run=true
这将禁用第一次运行
2.再次打开android studio将进入欢迎页面，点击Config…, 搜索HTTP，即可设置HTTP代理
3.删掉Step 1 中所加的那一行，再次启动android studio，就可以使用你的HTTP代理下载SDK等组件了。

Android SDK 在线更新镜像服务器资源：

大连东软信息学院镜像服务器地址:

http://mirrors.neusoft.edu.cn:80

上海GDG镜像服务器地址:
http://sdk.gdgshanghai.com:8000

使用方法：

1，启动 Android SDK Manager ，打开主界面，依次选择『Tools』、『Options…』，弹出『Android SDK Manager - Settings』窗口；
2，在『Android SDK Manager - Settings』窗口中，在『HTTP Proxy Server」和「HTTP Proxy Port』输入框内填入上面镜像服务器地址和端口，并且选中『Force https://… sources to be fetched using http://…』复选框。设置完成后单击『Close』按钮关闭『Android SDK Manager - Settings』窗口返回到主界面；

4.安装 Android SDK

Android Studio 默认会安装最新版本的 Android SDK。目前编译 React Native 应用需要的是Android 10 (Q)版本的 SDK（注意 SDK 版本不等于终端系统版本，RN 目前支持 android 4.1 以上设备）。你可以在 Android Studio 的 SDK Manager 中选择安装各版本的 SDK。

你可以在 Android Studio 的欢迎界面中找到 SDK Manager。点击"Configure"，然后就能看到"SDK Manager"

在 SDK Manager 中选择"SDK Platforms"选项卡，然后在右下角勾选"Show Package Details"。展开Android 10 (Q)选项，确保勾选了下面这些组件（重申你必须使用稳定的代理软件，否则可能都看不到这个界面）：

Android SDK Platform 29
Intel x86 Atom_64 System Image（官方模拟器镜像文件，使用非官方模拟器不需要安装此组件
然后点击"SDK Tools"选项卡，同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项，确保选中了 React Native 所必须的29.0.2版本。你可以同时安装多个其他版本。

然后还是在"SDK Tools"选项卡，点击"NDK (Side by side)"，同样勾中右下角的"Show Package Details"，选择20.1.5948944版本进行安装。

最后点击"Apply"来下载和安装这些组件。

5.配置 ANDROID_HOME 环境变量

React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径，从而正常进行编译。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建，创建一个名为ANDROID_HOME的环境变量（系统或用户变量均可），指向你的 Android SDK 所在的目录（具体的路径可能和下图不一致，请自行确认）：

ANDROID_HOME Environment Variable

SDK 默认是安装在下面的目录：
C:\Users\你的用户名\AppData\Local\Android\Sdk
下面是me的安装路径：

你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径，具体是Appearance & Behavior → System Settings → Android SDK。

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

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

	%ANDROID_HOME%\platform-tools
	%ANDROID_HOME%\emulator
	%ANDROID_HOME%\tools
	%ANDROID_HOME%\tools\bin

6.创建新项目

首先需要安装react-native-cli脚手架

如果你之前全局安装过旧的react-native-cli命令行工具，请使用npm uninstall -g react-native-cli卸载掉它以避免一些冲突。

执行命令：
npm install -g yarn react-native-cli
查看是否安装成功：
react-native -h
出现下图代表安装成功

使用 React Native 内建的命令行工具来创建一个名为"wadeProject"的新项目。这个命令行工具不需要安装，可以直接用 node 自带的npx命令来使用：
npx react-native init wadeProject

报错error信息总结如下：
1.当你的Android Studio 设置No proxy不起作用时，该怎么做？
解决方法：打开C:\Users\Administrator\.gradle\gradle.properties 的文件把代理地址注释或者删除
2.Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0
解决方法：
初始化项目的android下：
1).找到文件：build.gradle

2).找到项目下的gradle\wrapperr\gradle-wrapper.properties文件，

需要去android studio 官网 找到对应的gradle的版本