當前（2017年5月22日 ）React Native開發相當火爆，但是搜索下來，沒有最新版本0.44集成的教程，因此嘗試了一下如何集成到Android原生工程中去。本篇旨在記錄出現的問題以及應對方式。 一、集成的過程比較簡單，按照教程一步一步來即可： 中文版教程：http://reactnativ ...
當前（2017年5月22日 ）React Native開發相當火爆，但是搜索下來，沒有最新版本0.44集成的教程，因此嘗試了一下如何集成到Android原生工程中去。本篇旨在記錄出現的問題以及應對方式。
一、集成的過程比較簡單，按照教程一步一步來即可：
中文版教程：http://reactnative.cn/docs/0.44/integration-with-existing-apps.html#content
英文版教程：http://facebook.github.io/react-native/docs/integration-with-existing-apps.html
二、按照上述教程集成完畢後，運行出現錯誤：
1、Error:Conflict with dependency 'com.google.code.findbugs:jsr305'
——這個stackoverflow有解答，筆者採用的解決方式是在app的build.gradle中添加 androidTestCompile 'com.google.code.findbugs:jsr305:3.0.0'。
2、java.lang.IllegalAccessError: Method 'void android.support.v4.net.ConnectivityManagerCompat.()' is inaccessible to class 'com.facebook.react.modules.netinfo.NetInfoModule'
——本問題在facebook的issue中也有提及以及6152，需要修改support包版本至23.0.1：compile 'com.android.support:appcompat-v7:23.0.1' 以及compile 'com.android.support:design:23.0.1'。以及gradle.properties (在文件末尾添加，android.useDeprecatedNdk=true)。註意此處修改之後，佈局文件中的Image屬性app:srcCompat將不會識別，換為android:src即可。解決過程參考自https://github.com/Kennytian/embedded第6點。
3、Unable to resolve module `react/lib/ReactDebugCurrentFrame` 或者 Unable to resolve module `react/lib/ReactComponentWithPureRenderMixin`
——此處需要註意在按照教程安裝完畢時，可能會有類似的信息‘npm WARN [email protected] requires a peer of react@~16.0.0-alpha.6 but none was installed.’ 搜索一下得知，npm install --save react react-native 會使得安裝版本不匹配，可運行如下命令：npm install --save [email protected] react-native
4、Can't find variable: __fbBatchedBridge
——主要檢查一下npm start是否成功運行，或者嘗試 adb reverse tcp:8081 tcp:8081。如果繼續出錯，可參考這裡。
5、檢查一下android工程的external libraries下的react native版本是不是0.44：如果不是，請修改
maven {
`url "$rootDir/../node_modules/react-native/android"`//地址是否正確
}
修改url "$rootDir*/..*/node_modules/react-native/android"為url "$rootDir/node_modules/react-native/android" （來自簡書）
附送 史上最詳細的Android原生APP中添加ReactNative 進行混合開發教程 可供參考。
