7 - React Native从入门到入土 - 配置环境(安卓
之前搭建好了iOS环境,然后偷懒没有弄好安卓的环境,事实证明,自己挖的坑都得自己填上
Android Studio需要Java Development Kit [JDK] 1.8(暂不支持更高版本)。你可以在命令行中输入
javac -version
来查看你当前安装的JDK版本。如果版本不合要求,则可以到 官网上下载。
这里重点是下载安卓的JDK 1.8
image.png划线就是我们需要的
环境下载好,就是按图示去安装
Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。
除非特别注明,请不要改动安装过程中的选项。比如Android Studio默认安装了
Android Support Repository
,而这也是React Native必须的(否则在react-native run-android时会报appcompat-v7包找不到的错误)。
安装过程中有一些需要改动的选项:
- 选择
Custom
选项:
- 勾选
Performance
和Android Virtual Device
- 安装完成后,在Android Studio的启动欢迎界面中选择
Configure | SDK Manager
。
- 在
SDK Platforms
窗口中,选择Show Package Details
,然后在Android 6.0 (Marshmallow)
中勾选Google APIs
、Android SDK Platform 23
、Intel x86 Atom System Image
、Intel x86 Atom_64 System Image
以及Google APIs Intel x86 Atom_64 System Image
。
- 在
SDK Tools
窗口中,选择Show Package Details
,然后在Android SDK Build Tools
中勾选Android SDK Build-Tools 23.0.1
(必须是这个版本)。然后还要勾选最底部的Android Support Repository
.
ANDROID_HOME环境变量
这里需要检查mac中是否有.bash_profile文件,如果没有就创建一个,具体的做法是把下面的命令加入到~/.bash_profile
文件中:(译注:~表示用户目录,即/Users/你的用户名/
,而小数点开头的文件在Finder中是隐藏的,并且这个文件有可能并不存在。请在终端下使用vi ~/.bash_profile
命令创建或编辑。复制export ANDROID_HOME=~/Library/Android/sdk 粘贴进去输入:wq保存退出
然后使用下列命令使其立即生效(否则重启后才生效):
source ~/.bash_profile
可以使用echo $ANDROID_HOME检查此变量是否已正确设置。
接下来创建一个项目
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
报错了
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/getting-started.html
他已经给出提示,错误的信息就在上面
- What went wrong:
Execution failed for task ':app:installDebug' com.android.builder.testing.api.DeviceException: No connected devices!
百度了一下发现是没有模拟器
这个时候启动安卓环境
选择绿色箭头启动模拟器
image.png
可以看到命令行一直在工作
image.png image.png
最后按合作模拟器启动成功
image.png