React Native Android 虚拟机运行

来源:互联网 发布:黎明杀机n卡优化 编辑:程序博客网 时间:2024/05/18 01:40

详细的配置在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中文官网