7 - React Native从入门到入土 - 配置环境(安卓

2018-07-05  本文已影响67人  翻滚的炒勺2013
005Xby3Ily1fqqh7kyneej30qn140do5.jpg

之前搭建好了iOS环境,然后偷懒没有弄好安卓的环境,事实证明,自己挖的坑都得自己填上

安装教程
Android Studio2.0

Android Studio需要Java Development Kit [JDK] 1.8(暂不支持更高版本)。你可以在命令行中输入 javac -version来查看你当前安装的JDK版本。如果版本不合要求,则可以到 官网上下载。

这里重点是下载安卓的JDK 1.8

JDK下载地址

image.png

划线就是我们需要的

环境下载好,就是按图示去安装
Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。

除非特别注明,请不要改动安装过程中的选项。比如Android Studio默认安装了 Android Support Repository,而这也是React Native必须的(否则在react-native run-android时会报appcompat-v7包找不到的错误)。

安装过程中有一些需要改动的选项:

custom installation additional installs configure sdk platforms build tools

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

最后按合作模拟器启动成功

image.png
上一篇下一篇

猜你喜欢

热点阅读