Skip to content

Commit 4c192e7

Browse files
committed
doc: update environment-setup android document.
1 parent 7259f52 commit 4c192e7

File tree

4 files changed

+19
-13
lines changed

4 files changed

+19
-13
lines changed

website/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
"@uiw/react-markdown-preview": "3.4.7",
1818
"@uiw/react-native": "3.0.4",
1919
"@uiw/react-native-template": "3.0.0",
20-
"@uiw/reset.css": "1.0.5",
20+
"@uiw/reset.css": "~1.0.6",
2121
"react": "18.0.0",
2222
"react-dom": "18.0.0",
2323
"react-native": "0.69.1",
105 KB
Loading
101 KB
Loading

website/src/pages/docs/environment-setup/android/README.md

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -32,9 +32,17 @@ brew install watchman
3232
brew tap homebrew/cask-versions
3333
brew 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

Comments
 (0)