React Native Android 虚拟机运行[通俗易懂]

大家好，欢迎来到IT知识分享网。

详细的配置在RN官网上都有详细的教程，根据自己实际搭建过程中遇到的问题，稍作整理。

http://reactnative.cn/docs/0.44/getting-started.html

配置开发环境需要在终端进行，并且在Users/YOURUserName下，初始化工程可以在任意路径。

安装软件需要安装Android Studio和Genymotion。

在安装Android Studio时，需要配置环境变量，一共有两处，android_home 和 android sdk。

这里需要使用vim指令。

首先在Users/YOURUserName路径下，进入 .bash_profile文件    ：   vi .bash_profile

然后在键盘上点击 i 进入insert模式  ，在文件末端粘入 

 ~表示用户目录，即/Users/你的用户名/

export ANDROID_HOME=~/Library/Android/sdk

export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

然后键盘 esc，退出insert模式，输入：（shift + ；），再输入wq，保存并退出。

ANDROID_HOME环境变量

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。具体的做法是把下面的命令加入到~/.bash_profile文件中：(译注：~表示用户目录，即/Users/你的用户名/，而小数点开头的文件在Finder中是隐藏的，并且这个文件有可能并不存在。请在终端下使用vi ~/.bash_profile命令创建或编辑。如不熟悉vi操作，请点击这里学习） 

# 如果你不是通过Android Studio安装的sdk，则其路径可能不同，请自行确定清楚。
export ANDROID_HOME=~/Library/Android/sdk

然后使用下列命令使其立即生效（否则重启后才生效）： 

source ~/.bash_profile

可以使用echo $ANDROID_HOME检查此变量是否已正确设置。

将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

另外一个就是安装Genymotion，模拟器，运行第一个rn工程时，Genymotion开启即可连接到终端并运行工程。

报错：

1.react native android No online devices found.

开启Genymotion即可或者连接安卓手机进行usb调试。

2.Users/YOURNAME/Library/Android/sdk not exist 不存在

需要在rn工程中的android文件夹添加文件：local.properties(复制gradle.properties文件并修改就可以),并在文件中添加

idk.dir = /Users/YourName/Library/Android/sdk

最后

在终端进入工程目录，并运行react-native run-android即可。

参考：React Native中文官网