React-Native-Android集成问题总汇

项目集成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();