首先在開始之前最好先初始化一個RN項目鹦倚。(對目錄有一個大概的了解,對于后續(xù)的配置有很大幫助)冀惭。
這時候會發(fā)現(xiàn)在RN的根目錄下面會有一個android和ios目錄震叙,不用懷疑,android目錄下面就是一個完整的android項目散休,我們這里只討論android項目配置RN媒楼,ios項目暫不討論。
使用AndroidStudio打開android項目戚丸,如下圖:
這里主要關(guān)注兩個文件划址,上圖中已經(jīng)標(biāo)記出來了。
1.app模塊的build.gradle
api ('com.facebook.react:react-native:0.55.2') {
exclude group: 'com.android.support'
}
可以看到引入了facebook的RN三方庫限府,但是這里有個問題夺颤,facebook的公共maven庫對于RN的環(huán)境庫只維護到0.20.1版本,我這里明顯是0.55.2版本谣殊,理論上是會引入失敗的拂共,那這里這么寫不是有問題的嗎!姻几!
其實宜狐,解決這個問題的代碼在項目的build.gradle中势告,這里提一下,暫不解決抚恒,講到項目的gradle文件的時候會解決咱台。
上面顯示的代碼框里的代碼跟新初始化的RN項目有一點區(qū)別,因為多了一句exclude group: 'com.android.support'俭驮。
這是因為我這里的support庫與RN的庫有了沖突回溺,自己加的,如果你們的項目沒有沖突混萝,那不加也沒事遗遵。
2.項目的build.gradle
maven {
// All of React Native (JS, Android binaries) is installed from npm
url "$rootDir/../node_modules/react-native/android"
}
一打開這個文件,學(xué)過android的人應(yīng)該很清楚逸嘀,這個maven庫车要,竟然是個本地路徑,啥情況崭倘,這對于開發(fā)是多么不友好翼岁,如果團隊其他人要進行開發(fā),那還必須有這樣一個環(huán)境咯司光?作為一個最怕麻煩的程序員琅坡,這當(dāng)然不能啦!2屑摇榆俺!后面的文章里我會講解這個問題的,在本篇文章Android項目內(nèi)RN環(huán)境介紹內(nèi)跪削,只講基礎(chǔ)環(huán)境谴仙。
在上面app模塊的build.gradle中遺留的問題,解決地方就在這里碾盐,這個本地的maven庫晃跺,打開文件夾可以看到,里面就是一個RN的三方庫
All of React Native (JS, Android binaries) is installed from npm
所有的RN庫都是由npm進行安裝的
不信的可以試一下付枫,去掉這個本地庫烹玉,RN庫是安裝不成功的。
講完了Android內(nèi)的RN環(huán)境阐滩,下一節(jié)就開始講如何將RN與我們的Android項目進行拆分了二打。