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