React Native Windows环境搭建

Error:Could not initialize class org.codehaus.groovy.runtime.InvokerHelper

Install Java SDK version: 14 or above.

android/gradle/wrapper/gradle-wrapper.properties use grade version 6.3 or above.

 

vi [Your RN or Flutter Project Folder]\android\gradle\wrapper\gradle-wrapper.properties

distributionBase=GRADLE_USER_HOME

distributionPath=wrapper/dists

zipStoreBase=GRADLE_USER_HOME

zipStorePath=wrapper/dists

distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip

 

run gradlew in cmd path "[Your RN or Flutter Project Folder]\android\"

 

after if shows "BUILD SUCCESSFUL" you can "flutter run" in ur project folder

 

React Native环境搭建

必须安装的依赖有：Node、Python2、JDK 和 Android Studio。

注意 Node 的版本应大于等于 12，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本，注意 1.8 版本官方也直接称 8 版本）。

安装完 Node 后建议设置 npm 镜像（淘宝源）以加速后面的过程（或使用科学上网工具）。

注意： 不要使用 cnpm！ cnpm 安装的模块路径比较奇怪，packager 不能正常识别！

# 使用nrm工具切换淘宝源 npx nrm use taobao 

# 如果之后需要切换回官方源可使用 npx nrm use npm

 

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。

npm install -g yarn

 

安装 Android Studio

安装 Android SDK

配置 ANDROID_HOME 环境变量

创建一个名为ANDROID_HOME的环境变量   c:\Users\你的用户名\AppData\Local\Android\Sdk

Path变量，把这些工具目录路径添加进去：platform-tools、emulator、tools、tools/bin

%ANDROID_HOME%\platform-tools 

%ANDROID_HOME%\emulator 

%ANDROID_HOME%\tools 

%ANDROID_HOME%\tools\bin

 

使用 React Native 内建的命令行工具来创建一个名为"AwesomeProject"的新项目

npx react-native init AwesomeProject  

 

编译并运行 React Native 应用

cd AwesomeProject 

yarn android # 或者 yarn react-native run-android

你也可以在 Android Studio 中直接运行应用。

 

建议在run-android成功后再尝试使用 Android Studio 启动。请不要轻易点击 Android Studio 中可能弹出的建议更新项目中某依赖项的建议，否则可能导致无法运行。

如果你无法正常运行，遇到奇奇怪怪的红屏错误，先回头仔细对照文档检查，然后可以看看问题讨论区。不同时期不同版本可能会碰到不同的问题，我们会在论坛中及时解答更新。但请注意千万不要执行 bundle 命令，那样会导致代码完全无法刷新。

 

修改项目

现在你已经成功运行了项目，我们可以开始尝试动手改一改了：

* 使用你喜欢的文本编辑器打开App.js并随便改上几行

* 按两下 R 键，或是在开发者菜单中选择 Reload JS，就可以看到你的最新修改。