1. 程式人生 > >如何在Androidstudio中匯入GitHub上面的RN專案

如何在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/
就可以了,圖片就可以運行了。