您的位置:首页 > Web前端 > React

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

教程中这部分是这样写的

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.大大小小其他普通坑,网上解决方法比较多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: