项目集成React-Native-Android时遇到各种坑的爬坑姿势
1. 依赖冲突
- react-native依赖关系如下:
_releaseCompile - ## Internal use, do not manually configure ##
+--- com.android.support:appcompat-v7:23.0.0
| \--- com.android.support:support-v4:23.0.0
| \--- com.android.support:support-annotations:23.0.0
\--- com.facebook.react:react-native:0.11.+ -> 0.11.0
+--- com.google.code.findbugs:jsr305:3.0.0
+--- com.squareup.okhttp:okhttp:2.4.0
| \--- com.squareup.okio:okio:1.4.0 -> 1.5.0
+--- org.webkit:android-jsc:r174650
+--- com.facebook.fresco:fresco:0.6.1
| +--- com.facebook.fresco:drawee:0.6.1
| | +--- com.facebook.fresco:fbcore:0.6.1
| | \--- com.android.support:support-v4:21.0.3 -> 23.0.0 (*)
| +--- com.facebook.fresco:imagepipeline:0.6.1
| | +--- com.nineoldandroids:library:2.4.0
| | +--- com.facebook.fresco:fbcore:0.6.1
| | +--- com.android.support:support-v4:21.0.3 -> 23.0.0 (*)
| | \--- com.parse.bolts:bolts-android:1.1.4
| \--- com.facebook.fresco:fbcore:0.6.1
+--- com.facebook.fresco:imagepipeline-okhttp:0.6.1
| +--- com.facebook.fresco:imagepipeline:0.6.1 (*)
| +--- com.squareup.okhttp:okhttp:2.3.0 -> 2.4.0 (*)
| \--- com.facebook.fresco:fbcore:0.6.1
+--- com.fasterxml.jackson.core:jackson-core:2.2.3
+--- com.android.support:appcompat-v7:22.2.0 -> 23.0.0 (*)
+--- com.squareup.okhttp:okhttp-ws:2.4.0
| \--- com.squareup.okhttp:okhttp:2.4.0 (*)
\--- com.squareup.okio:okio:1.5.0
- support-v4/v7 包依赖冲突
- 问题:
因为项目里重写了support-v4包内容,并封装到了新的lib包里,所以导致v4包重复依赖报错。 - 解决方法:屏蔽掉问题依赖
- 问题:
compile('com.facebook.react:react-native:0.11.+') {
exclude group: 'com.android.support', module: 'support-v4'
}
- .so文件包集成问题
- 问题:
因为项目支持.so文件仅为ABI:armeabi编译, 但react-native一些依赖编译是ABI:armeabi-v7a/armeabi-v8a/x86/编译的,同时编译时因为Android有.so文件数量不对等bug会导致armeabi的.so文件无法正常打包和load。 - 解决方案:
将react-native所有armeabi-v7a中的.so文件copy到项目的libs/armeabi文件夹中,或将项目的libs/armeabi改为armeabi-v7a,并更改build.gradle文件:
- 问题:
defaultConfig {
... ...
ndk {
abiFilters "armeabi-v7a" // or "armeabi"
}
}
2. React-Native-Android导出离线包
react-native导出离线bundle包命令:
➜ react-native bundle
- 问题:
目前只支持导出ios使用的bundle离线文件,并不支持导出android使用的bundle文件。 - 解决方案:
➜ react-native start //启动server
//获得android适用的bundle文件,可copy到项目的assets文件下
➜ curl "http://localhost:8081/index.android.bundle?platform=android&dev=false" -o "index.android.bundle"
mReactInstanceManager = ReactInstanceManager.builder()
.setApplication(getApplication())
.setBundleAssetName("index.android.bundle")
.setJSMainModuleName("index.android")
.addPackage(new MainReactPackage())
.setUseDeveloperSupport(false)
.setInitialLifecycleState(LifecycleState.RESUMED)
.build();