美文网首页
7 - React Native从入门到入土 - 配置环境(安卓

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

作者: 翻滚的炒勺2013 | 来源:发表于2018-07-05 19:22 被阅读67次
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选项:
custom installation
  • 勾选PerformanceAndroid Virtual Device
additional installs
  • 安装完成后,在Android Studio的启动欢迎界面中选择Configure | SDK Manager
configure sdk
  • SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选Google APIsAndroid SDK Platform 23Intel x86 Atom System ImageIntel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image
platforms
  • SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须是这个版本)。然后还要勾选最底部的Android Support Repository.
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

相关文章

网友评论

      本文标题:7 - React Native从入门到入土 - 配置环境(安卓

      本文链接:https://www.haomeiwen.com/subject/nsdobxtx.html