react-native 安装教程(Mac)

ios版

1. 安装

yarn global add react-native-cli

1. react-native No bundle URL present解决办法

https://blog.csdn.net/c_kite/article/details/79215023

1. 运行

react-native run-ios

android版本

1. 安装java8

brew tap caskroom/versions
brew cask install java8

1. 安装genymotion
2. 安装android studio
3. 配置ANDROID_HOME环境参数

# 打开文件
vi ~/.bash_profile
# 添加配置
export ANDROID_HOME=~/Library/Android/sdk
# 使其立即生效
source ~/.bash_profile

1. 将Android SDK的Tools目录添加到PATH变量中(你可以把Android SDK的tools和platform-tools目录添加到PATH变量中，以便在终端中运行一些Android工具，例如android avd或是adb logcat等)

# 打开文件
vi ~/.bash_profile
# 添加配置
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
# 使其立即生效
source ~/.bash_profile

1. genymotion virtualization engine not found

安装 VirtualBox，因为Mac版本的genymotion是没有VirtualBox，我们需要自己安装

1. Execution failed for task ‘:app:installDebug’.

:app:installDebug FAILED

FAILURE: Build failed with an exception.

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

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 1.865 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/getting-started.html

碰到这个问题的话，我们首先配置一下Genymotion的设置，Use Android Sdk, 将目录设置为ANDROID_HOME的路径,然后我们打开Genymotion添加设备，并启动虚拟机

1. 运行

react-native run-android

参考资料