android-studio 打开react-native android

先安装android-studio,下载地址如下

https://dl.google.com/dl/android/studio/ide-zips/2.3.0.0/android-studio-ide-162.3454121-mac.zip

https://sites.google.com/a/android.com/tools/download/studio/canary?fromIDE=

安装前最好先安装JDK、genymotion等



1、桌面建一文件夹RN

2、打开终端

3、cd /Users/targetcloud/Desktop/RN 

4、react-native init ARNDemo --verbose

5、cd /Users/targetcloud/Desktop/RN/ARNDemo 

6、react-native run-ios

7、打开ANDROID STUDIO2.2.3选第二个open an existing Android Studio project路径选/Users/targetcloud/Desktop/RN/ARNDemo/android

android-studio 打开react-native android_第1张图片

(图1 选择RN的android后)


(图2 进入Android Studio底部出现的提示)


(图3 会下载失败)


(图4 提示失败)

4时移步到http://gradle.android-studio.org/下载gradle-2.4-all.zip,完成后解压到桌面gradle-2.4

Android Studio->Preferences…Build,Execution,Deployment->Gradleuse local gradle distribution

/Users/targetcloud/Desktop/gradle-2.4

见图5

android-studio 打开react-native android_第2张图片

(图5 自己下载2.4的Gradle并手动设置,后面要设置成2.14.1最新版本)

android-studio 打开react-native android_第3张图片

(图6 提示Update,点Update)


(图7 点Fix Gradle version)


(图8 点Install Build Tools25.0.0)

android-studio 打开react-native android_第4张图片

(图9 下载安装 Android SDK Build-Tools25.0.0)


(图10 点Fix Gradle wapper)

android-studio 打开react-native android_第5张图片

(图11 点Gradle settings,如图5所述)

android-studio 打开react-native android_第6张图片

(图12 大团结,iOS与Android都跑起来了)

你可能感兴趣的:(android-studio 打开react-native android)