mac-2019-react-native 本地环境搭建(xcode-11.1和android studio3.5.2中Genymotion2.12.1 和VirtualBox-5.2.34 )

最近学习react-native,折腾了半天,终于搞好了环境,给看到的小伙伴们,发一下我的步骤,免得再跳坑。
废话不多说,先上最后运行出来的图:
ios:
在这里插入图片描述
android:
在这里插入图片描述

我学习的****,哔哩哔哩上的,免费的,地址为:

https://www.bilibili.com/video/av9213669?p=2
这应该是2017年11月份的,勉强能看。

下面进入环境搭建环节:

第一: ios环境

这个环境最好搭了,因为本人用的就是macbook,自带的xcode,
react-native-cli init 以后,找到本地的项目地址(还不会创建react-native的同学请参照视频哦,非常简单的,不再详细介绍)
本地react-native-cli 生成的文件目录如下:
在这里插入图片描述
用xcode打开xxxxxxxxxx.xcworkspace文件。
在这里插入图片描述
在这里插入图片描述
运行成功了。
注意:启动项目的时候终端会自动执行,启动一个本地服务,这个服务不能关闭。
在这里插入图片描述

第二: android环境(最难的开始了)

1.下载android studio
http://www.android-studio.org/ 免费的
中文社区,里面都有
在这里插入图片描述
2.Genymotion-2.12.1下载,和 VirtualBox-5.2.34
在这里插入图片描述
这个版本很坑,我尝试了很多,就这个安装并且能关联到一起,建议用这两个版本,这是我的资源上传的,小伙伴们可以去其它地方搜一下资源,版本要对应,不然会让你坑的不要不要的。

重点来了:
android studio配置有很多问题,搞的我晕头转向。
第一,首先
在这里插入图片描述
File – Sync Project with Granle Files
在这里插入图片描述
点击以后,让其慢慢更新。
更新过程中有很多error,都忘记截图了,大概有几种解决办法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
访问谷歌报错,改一下这一句:
jcenter(){
url “http://jcenter.bintray.com/”
}
在这里插入图片描述
然后是Genymotion 配置SDK,如下
在这里插入图片描述

在这里插入图片描述
以上,是我遇到的问题,当然还有很多问题没有贴上来,配置的时候都忘记截图了,最后成功以后,感觉可好了,哈。
有遇到问题的可以留言。

附上网盘,三个软件都有 https://pan.baidu.com/s/1Ee592gjFqJBNFR6v0289AQ