ReactNative 应用于原生应用 踩坑
2017-07-10 17:09
609 查看
学习了一下ReactNative,配置好环境后,根据中文教程http://reactnative.cn/docs/0.46/integration-with-existing-apps.html#content 准备写了原生程序中使用RN的例子。没想到按着教程一路走来,还是有一堆坑。
1.自动载入的ReactNative版本不是最新的
根据网上教程的方法,将Activity中的生命周期回调给ReactInstanceManager,结果onHostResume等方法都找不到,跟进源码中一看,根本没有这些函数。又查了下导入的react-native库的版本,结果时0.20.1的,最新版本代码里有这些函数。然后网上搜了好多,最后发现了解决方法
http://blog.csdn.net/liu__520/article/details/52817016
教程中这部分是这样写的
改为
这样才能从我们下载的node_modules中去找最新的react-native库。
2.在真机调试时,还需要输入
adb reverse tcp:8081 tcp:8081
3./lib-main/libgnustl_shared.so” is 32-bit instead of 64-bit 问题
貌似在64位手机上出现这种问题,解决方法如下:
http://blog.csdn.net/chichengjunma/article/details/53815299
1.在项目的根目录的 gradle.properties 里面添加一行代码 Android.useDeprecatedNdk=true.
2.在 build.gradle 文件里添加以下代码
4.大大小小其他普通坑,网上解决方法比较多
1.自动载入的ReactNative版本不是最新的
根据网上教程的方法,将Activity中的生命周期回调给ReactInstanceManager,结果onHostResume等方法都找不到,跟进源码中一看,根本没有这些函数。又查了下导入的react-native库的版本,结果时0.20.1的,最新版本代码里有这些函数。然后网上搜了好多,最后发现了解决方法
http://blog.csdn.net/liu__520/article/details/52817016
教程中这部分是这样写的
allprojects { repositories { ... maven { // All of React Native (JS, Android binaries) is installed from npm url "$rootDir/../node_modules/react-native/android" } } ... }
改为
allprojects { repositories { ... maven { // All of React Native (JS, Android binaries) is installed from npm url "$rootDir/node_modules/react-native/android" } } ... }
这样才能从我们下载的node_modules中去找最新的react-native库。
2.在真机调试时,还需要输入
adb reverse tcp:8081 tcp:8081
3./lib-main/libgnustl_shared.so” is 32-bit instead of 64-bit 问题
貌似在64位手机上出现这种问题,解决方法如下:
http://blog.csdn.net/chichengjunma/article/details/53815299
1.在项目的根目录的 gradle.properties 里面添加一行代码 Android.useDeprecatedNdk=true.
2.在 build.gradle 文件里添加以下代码
android { ... defaultConfig { ... ndk { abiFilters "armeabi-v7a", "x86" } packagingOptions { exclude "lib/arm64-v8a/librealm-jni.so" } } }
4.大大小小其他普通坑,网上解决方法比较多
相关文章推荐
- 2.android 原生应用和React native 结合开发.环境搭建
- React Native植入原生Android应用的流程解析
- React-native植入原生Android应用
- React Native嵌入原生应用的坑
- React Native 教程——集成到现有原生应用
- React Native:使用 JavaScript 构建原生应用 详细剖析
- Android 原生应用嵌入React-Native模块开发-环境配置及填坑记
- 如何把React Native嵌入到原生android应用中
- Android React Native植入原生应用小记
- react native 学习笔记----将react native嵌入到Android原生应用
- React Native学习笔记之--向原生应用中集成RN页面
- 原生、混合、react-native应用对比分析
- ReactNative——集成RN到原生应用
- React Native 0.35植入Android 原生应用。
- React Native打造原生应用之环境搭建
- Android原生应用集成ReactNative坑总结
- ios 原生应用和React native 结合开发1.环境搭建
- 在Android原生应用中嵌入ReactNative页面
- 将React Native集成至Android原生应用
- react-native + as <react-native嵌入原生应用开发>