搭建Android开发环境

Posted on Edited on

学习 ReactNative 的第一步就是搭建开发环境，在搭建Android开发环境中又遇到不少坑，详细安装过程见这里，以下记录搭建过程中遇到的坑。

坑一

运行react-native run-android后报错

1
2
3
* What went wrong:
A problem occurred evaluating project ':app'.  
> SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

解决方法是在android目录下创建一个名叫local.properties文件，里边的内容如下

  • in Windows: C:/Users/USERNAME/AppData/Local/Android/sdk
  • in macOS: sdk.dir = /Users/USERNAME/Library/Android/sdk
  • in linux: sdk.dir = /home/USERNAME/Android/Sdk

这里的USERNAME是你的用户名，然后在终端运行react-native run-android。

坑二

在解决了坑一后，运行react-native run-android，你可能会遇到如下错误

1
2
3
* What went wrong:
Execution failed for task ':app:installDebug'.
> com.android.builder.testing.api.DeviceException: No connected devices!

这里的关键信息是No connected devices!，意为没有可连接的设备（安卓模拟器）。
所以我们需要开启一个安卓模拟器，我这里用的是 Genymotion ，关于 Genymotion 的下载安装可以看这篇文章。
开启 Genymotion 安卓模拟器后，再次运行react-native run-android，如果没有报错，这时app已经在你的安卓模拟器中了，观察模拟器首页你可能看不到，需要到所有应用程序中去查找，会有个app的名字是你的项目名！

修改项目

  • 打开项目根目录下的index.android.js，然后随便改上几行。
  • 在 Genymotion 模拟器中双击 R 键，就能看到你的修改！
  • 在 Genymotion 模拟器中按下 ⌘+M 可打开开发者菜单。