美文网首页
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