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();