如何在Androidstudio中匯入GitHub上面的RN專案
在GitHub上賣弄有很多的RN資源,在下載下來的專案直接在Androidstudio上面是不能直接開啟的,需要匯入專案的方式匯入
1.這樣匯入新專案,
2.選擇下載的專案的資料夾
3.點選“Next”進入下一步
4.選擇預設的就行,點選finish。
5.新開一個視窗,選new window
6.
發現啥也沒有。在下面有的提示,點進去是
點選configure,
點選“OK”就行。然後進入終端,點選下面的圖示。
下面是重點需要注意的地方。
一、首先需要執行 npm install,不然會提示沒有react-native專案。出現下面的情況說明成功了。
二、在執行安卓的專案前還有些準備工作需要做。
1、將其他專案的拷貝在RN專案的Android目錄下,因為這是讓安卓專案找到本地的SDK的方法,如果沒有此步驟則會出現
這樣的錯誤,找不到SDK,上面的方法就可以解決這個問題。
2.需要生成執行需要的bundle檔案,如果在(D:\ReactNative\RNPushToNative\android\app\src\main\assets)
的目錄下沒有assets目錄,需要手動建立一個assets資料夾。
然後在終端執行 含有 AppRegistry.registerComponent 註冊程式碼的js檔案(這個是入口的位置),執行程式碼
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/assets
注意紅色的是js檔案的名稱,而且是有註冊程式碼的js檔案,綠色的是assets的路徑,但注意不是完整路徑,只是在Android資料夾下的路徑。
執行結果
生成的檔案
此刻就可以執行Android的程式碼了,執行的命令為:
react-native run-android
如果沒有錯的話就會是下面的程式
最後成功的啟動專案
補充:在執行專案的時候可能會出現
解決辦法:, 後面表示缺少‘’裡面的什麼就用這個命令進行安裝就可以了。
補充:在引入圖片的時候出現了找不到圖片的情況,主要是路徑放的不對,更改儲存的路徑就可以了,但是後面執行的 時候圖片顯示不出來,感覺沒有載入到,是因為沒有生成相應的bundle檔案,執行
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bu
ndle --assets-dest android/app/src/main/res/
就可以了,圖片就可以運行了。