@@ -32,9 +32,17 @@ brew install watchman
3232brew tap homebrew/cask-versions
3333brew install --cask zulu11
3434```
35- React Native 需要 Java Development Kit [ JDK] 11。你可以在命令行中输入 javac -version(请注意是 javac,不是 java)来查看你当前安装的 JDK 版本。
3635
37- > 🚧 低于 0.67 版本的 React Native 需要 JDK 1.8 版本(官方也称 8 版本)。
36+ Zulu OpenJDK 发行版为 Intel 和 M1 Mac 提供了 JDK。与使用基于 Intel 的 JDK 相比,这将确保您在 M1 Mac 上的构建速度更快。
37+
38+ 你可以在命令行中输入 ` javac -version ` (请注意是 javac,不是 java)来查看你当前安装的 JDK 版本。
39+
40+ ``` shell
41+ $ javac -version
42+ javac 11.0.16
43+ ```
44+
45+ > 🚧 低于 ` 0.67 ` 版本的 React Native 需要 JDK 1.8 版本(官方也称 8 版本),高于 ` 0.67+ ` 版本的 React Native,请确保它是 ` JDK 11 ` <!-- rehype:style=color: #fff;background: #f44336;--> 或更高版本。
3846 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px; display: inline-block;-->
3947
4048### ` 安卓开发环境 `
@@ -48,7 +56,7 @@ React Native 需要 Java Development Kit [JDK] 11。你可以在命令行中输
4856> 🚧 如果打不开,或者无法下载 [ Android Studio] ( https://developer.android.google.cn/studio ) 请确认下载地址 ~~ ` developer.android.com ` ~~ -> ` developer.android.google.cn ` 。
4957 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px; display: inline-block;-->
5058
51- > 🚧 注意:如果您是 ` MacBook M1 ` <!-- rehype:style=color: #e00000;--> ,你需要下载最新版 [ ` Android Studio Arctic Fox (2020.3.1) Canary 15, Mac (ARM) ` ] ( https://developer.android.google.cn/studio/archive ) 预览版 。
59+ > 🚧 注意:如果您是 ` MacBook M1 ` <!-- rehype:style=color: #e00000;--> ,你需要下载最新版 [ ` android-studio-2021.2.1.16-mac_arm.dmg ` ] ( https://developer.android.google.cn/studio/archive ) 。如果是 [ ` Android Studio Arctic Fox (2020.3.1) Canary 15, Mac (ARM) ` ] ( https://developer.android.google.cn/studio/archive ) 预览版可以更新解决一些环境错误问题 。
5260 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
5361
5462在 Android Studio 安装向导中,确保选中以下所有项目旁边的框:
@@ -76,12 +84,12 @@ Android Studio 默认安装最新的 Android SDK。 但是,使用本机代码
7684
7785从 ` SDK Manager ` 中选择 ` SDK Platforms ` 选项卡,然后选中右下角 ` Show Package Details ` 旁边的框。 查找并展开 ` Android 10 (Q) ` 条目,然后确保选中以下项目:
7886
79- - ` Android SDK Platform 29 `
80- - ` Intel x86 Atom_64 System Image ` or ` Google APIs Intel x86 Atom System Image `
87+ - ` Android SDK Platform 31 `
88+ - ` Intel x86 Atom_64 System Image ` 或 ` Google APIs Intel x86 Atom System Image ` 或 (for Apple M1 Silicon) ` Google APIs ARM 64 v8a System Image`
8189
8290![ ] ( ./2.png )
8391
84- 接下来,选择 ` SDK Tools ` 选项卡并在此处选中 ` Show Package Details ` 旁边的框。 查找并展开 ` Android SDK Build-Tools ` 条目,然后确保选择了 ` 29 .0.2 ` 。
92+ 接下来,选择 ` SDK Tools ` 选项卡并在此处选中 ` Show Package Details ` 旁边的框。 查找并展开 ` Android SDK Build-Tools ` 条目,然后确保选择了 ` 31 .0.0 ` 。
8593
8694![ ] ( ./3.png )
8795
@@ -96,11 +104,9 @@ React Native 工具需要设置一些环境变量才能使用本机代码构建
96104将以下行添加到您的 ` $HOME/.bash_profile ` 或 ` $HOME/.bashrc ` (如果您使用的是 ` zsh ` ,则使用 ` ~/.zprofile ` 或 ` ~/.zshrc ` )配置文件:
97105
98106``` shell
99- export ANDROID_HOME=$HOME /Library/Android/sdk
100- export PATH=$PATH :$ANDROID_HOME /emulator
101- export PATH=$PATH :$ANDROID_HOME /tools
102- export PATH=$PATH :$ANDROID_HOME /tools/bin
103- export PATH=$PATH :$ANDROID_HOME /platform-tools
107+ export ANDROID_SDK_ROOT=$HOME /Library/Android/sdk
108+ export PATH=$PATH :$ANDROID_SDK_ROOT /emulator
109+ export PATH=$PATH :$ANDROID_SDK_ROOT /platform-tools
104110```
105111
106112> 🚧 ` .bash_profile ` 特定于 ` bash ` 。 如果您使用另一个 ` shell ` ,则需要编辑相应的特定于 ` shell ` 的配置文件。
@@ -120,7 +126,7 @@ React Native 有一个内置的命令行界面。 我们建议您在运行时使
120126
121127## 创建一个新的应用程序
122128
123- > 🚧 如果您之前安装了全局 ` react-native-cli ` 包,请将其删除,因为它可能会导致意外问题。
129+ > 🚧 如果您之前安装了全局 ` react-native-cli ` 包,请将其删除 ( ` npm uninstall react-native-cli -g ` ) ,因为它可能会导致意外问题。
124130 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
125131
126132您可以使用 React Native 的内置命令行界面来生成一个新项目。 让我们创建一个名为 ` AwesomeProject ` 的新 React Native 项目:
0 commit comments