1.Android工程得module中集成RN
Android module中集成RN環(huán)境和正常app主工程集成方式一樣
這里我在config.gradle中配置一下路徑
react=[
"react_native_android" :"$rootDir/../node_modules/react-native/android",
"jsc_android_dist" :"$rootDir/../node_modules/jsc-android/dist",
"native_modules_gradle" :"../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle",
"react_native" : "com.facebook.react:react-native:+" ,
]
然后需要在主目錄得builde.gradle中配置
repositories {
google()
jcenter()
maven { url 'https://jitpack.io' }
maven {
//RN的相關(guān)配置,此處注意路徑的配置
url ( rootProject.ext.react['react_native_android'])
}
maven {
// Android JSC is installed from npm
url ( rootProject.ext.react['jsc_android_dist'])
}
}
在需要rn環(huán)境的module得build.gradle中配置
apply from: "../module.build.gradle"
project.ext.react = [
enableHermes: false, // clean and rebuild if changing
]
def jscFlavor = 'org.webkit:android-jsc:+'
android {
//統(tǒng)一資源前綴,規(guī)范資源引用
resourcePrefix "rn_"
defaultConfig {
if (IS_APPLICATION.toBoolean()) {
applicationId "com.uxin.module_rn"
}
versionCode 1
versionName "1.0"
}
}
dependencies {
//rn 依賴
api rootProject.ext.react['react_native']
if (false) {
def hermesPath = "../../node_modules/hermes-engine/android/";
debugImplementation files(hermesPath + "hermes-debug.aar")
releaseImplementation files(hermesPath + "hermes-release.aar")
} else {
api jscFlavor
}
}
task copyDownloadableDepsToLibs(type: Copy) {
from configurations.compile
into 'libs'
}
//apply from: file(rootProject.ext.react['native_modules_gradle']); applyNativeModulesAppBuildGradle(project)
apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
然后在setting.gradle中配置相關(guān)得東西
然后RN相關(guān)操作直接在module中進(jìn)行就可以了。
如果需要在APplication中初始化相關(guān)得東西,可以去網(wǎng)上找一下組件化如何處理application初始化的相關(guān)資料
這里記錄一下碰到得問題
1.setting.gradle和module得buidle.gradle配置 applay from...主要是為了自動(dòng)依賴Rn使用的三方依賴,以及生成packagelist來導(dǎo)入一些所需要package。
我在往其他rn工程里面發(fā)自己得原生項(xiàng)目得時(shí)候,發(fā)現(xiàn)生成的packagelist報(bào)錯(cuò),會(huì)自動(dòng)導(dǎo)入主app工程包名下的buildconfig,
經(jīng)排查 最新版的react不會(huì)有這個(gè)問題