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