mac 下 react Native android环境搭建

男儿欲遂平生志,五经勤向窗前读。这篇文章主要讲述mac 下 react Native android环境搭建相关的知识,希望能为你提供帮助。
1、参考  上一篇的博客文章 “mac 下 react Native ios环境搭建”,前面几步都是必须的,只是,原生客户端不一致
 
2、android Studio的安装
      A:安装java的SDK
          注意:Android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令行中输入  javac -version来查看你当前安装的JDK版本。如果版本不合要求,可以到  官网上下载
    B:除非特别注明,请不要改动安装过程中的选项。比如Android Studio默认安装了  Android Support Repository,而这也是React Native必须的,否则在react-native run-android时会报appcompat-v7包找不到的错误
    C:安装过程中有一些需要改动的选项
         

mac 下 react Native android环境搭建

文章图片

【mac 下 react Native android环境搭建】          勾选Performance和Android Virtual Device
         
mac 下 react Native android环境搭建

文章图片

          安装完成后,在Android Studio的启动欢迎界面中选择Configure | SDK Manager
       
mac 下 react Native android环境搭建

文章图片

        在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
       
mac 下 react Native android环境搭建

文章图片

        在SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须是这个版本)。然后还要勾选最底部的Android Support Repository
       
mac 下 react Native android环境搭建

文章图片

D:ANDROID_HOME环境变量
      确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。具体的做法是把下面的命令加入到~/.bash_profile文件中:(译注:~表示用户目录,即/Users/你的用户名/,而小数点开头的文件在Finder中是隐藏的,并且这个文件有可能并不存在。请在终端下使用vi ~/.bash_profile命令创建或编辑
 
      # 如果你不是通过Android Studio安装的sdk,则其路径可能不同,请自行确定清楚。
      export ANDROID_HOME=~/Library/Android/sdk
     
      然后使用下列命令使其立即生效(否则重启后才生效):source ~/.bash_profile
     
      可以使用echo $ANDROID_HOME检查此变量是否已正确设置
 
E:将Android SDK的Tools目录添加到PATH变量中
    你可以把Android SDK的tools和platform-tools目录添加到PATH变量中,以便在终端中运行一些Android工具,例如android avd或是adb logcat等。具体做法仍然是在~/.bash_profile中添加:
        export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
 
 
3、可选项安装
      A:Gradle Daemon:开启Gradle Daemon可以极大地提升java代码的增量编译速度。
          touch ~/.gradle/gradle.properties & & echo "org.gradle.daemon=true" > > ~/.gradle/gradle.properties
    B:Genymotion
 
 
4、测试安装
    react-native init AwesomeProject
    cd AwesomeProject
react-native run-android
 
react-native run-android遇到的问题以及解决方案:
      A:Gradle sync 没反应假死
          解决方案:首先需要翻墙使用代理
                          第一步:在项目里查找gradle-wrapper.properties这个文件,看到distributionUrl=https\\://services.gradle.org/distributions/gradle-2.14.1-all.zip,这样一来就知道版本号啦
                          第二步:这里说明gradle版本需要用2.14.1,或者把这个版本号改成你已有的gradle版本也可以,这样下面的步骤就不用做了,直接sync gradle项目就正常了   
                          第三步:自己上网下载到这个包:gradle-2.14.1-all.zip
                          第四步:进入目录/Users/xxxxxx/.gradle/wrapper/dists/gradle-2.14.1-all/8bnwg5hd3w55iofp58khbp6yv,(8bnwg5hd3w55iofp58khbp6yv这个文件夹各个机器不一样),将里面的东西全部删掉
                          第五步:将下载的gradle-2.14.1-all.zip放到这里
                          第六步:重新启动android studio,gradle将会顺利通过
    B:提示没有设备
        android stdio跑起来以后选择一个设备,或者安装一个generymotion                       
   

    推荐阅读