这个问题是由于ReactNative兼容64位Android手机导致的。 解决办法: 1.在项目的根目录的 gradle.properties 里面添加一行代码 android.useDeprecatedNdk=true. 2.在 build.gradle 文件里添加以下代码
android {
defaultConfig {
ndk {
abiFilters "armeabi-v7a", "x86"
}
packagingOptions {
exclude "lib/arm64-v8a/librealm-jni.so"
}
}
}
出现这个问题主要是因为android项目的目录结构跟react-native支持的目录结构不一致导致的。 提示:当然了你也可以运行“react-native upgrade”,该命令运行之后你会发现你的android项目的目录结构变化了。 之后 在运行react-native run-android即可。
这是因为bundle没有打包好。找不到编译打包后的js文件。其实就是android studio默认的寻找js文件地址和react-native自己的工具编译所使用的地址不同。
首先 我们先翻译一下 连接不到开发的服务器。 请按照以下的步骤来修复此问题: 确保包服务器在运行 确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表 确保飞行模式是关闭的 如果是使用真机来开发,输入 adb reverse tcp:8081 tcp:8081来检查设备 输入IP:8081(这个大家都会) 解决办法: 1、首先检查包服务器是否运行正常。 在项目文件夹下输入react-native start或者npm start均可开启服务器,但是我们需要在PC端确认包服务器是否运行正常。检查网址为:http://localhost:8081/index.android.bundle?platform=android (1)说说我遇到的问题,开启包服务器之后,cmd中显示如下:
出现React packager ready就走不动了。 当我看开http://localhost:8081/index.android.bundle?platform=android网址 时,没有正常显示,但是也没 有显示“该网页无法访问”,只是一直在转圈圈刷新网页,就是打不开。 包服务器中使用到了node,所以应该和node版本和配置有一定的关系。所以我就卸掉 node,重新安装了最新版本的node,之后包服务器打开,网页可以正常访问,如下所示:
2、检查硬件连接,以及使用adb devices来查看是否连接成功。
3、飞行模式关闭
4、在cmd中输入 adb reverse tcp:8081 tcp:8081,结果如下:
个人认为解决办法如下: 手机-设置-应用程序-开发-usb调试打开再关闭一次 重启手机,usb调试打开再关闭一次 在cmd下Try "adb kill-server" and then "adb start-server" 本人测试机为android 5.0+系统,使用第二种方法解决问题。结果如下:
5、摇一摇手机选择Dev Settings 输入IP:8081。
出现这个问题是由于
index.android.bundle是用来调用原生控件的js脚本,每次当改变了 index.android.js,都需要使用上面的代码片段,来及时的更新index.android.bundle,然后打包才可以把新的index.android.js应用上,所以当没有index.android.bundle文件时,React-Native 项目是无法运行的。
解决办法是
第一步:在Android/app/src/main目录下创建一个空的assets文件夹(若已经存在请忽略) 出现这个问题是由于
index.android.bundle是用来调用原生控件的js脚本,每次当改变了 index.android.js,都需要使用上面的代码片段,来及时的更新index.android.bundle,然后打包才可以把新的index.android.js应用上,所以当没有index.android.bundle文件时,React-Native 项目是无法运行的。
解决办法是
第一步:在Android/app/src/main目录下创建一个空的assets文件夹(若已经存在请忽略)
第二步:在Android Studio的Terminal进入项目根目录执行下面代码:
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output app/src/main/assets/index.android.bundle --assets-dest app/src/main/res/
运行完毕后可以看到如下表示已经成功了
同时在assets文件夹下会多出index.android.bundle和index.android.bundle.meta两个文件
如果已经有了资源文件,但是依旧有以上提示,那么对于真机来说摇晃手机会出现一些界面
选择最后一个
进入如下界面
输入本机的ip地址(注意手机和电脑在一个局域网)
别忘了加上端口号8081 如图
确认之后返回然后摇动打开调试页面选择
重新加载之后,就会出现我们期盼已久的“Hello,World”
会发现顶部有这样的一条
这是正在从网络加载相关内容,当我们修改的时候,内容也会有相应的修改。但是如果网络状况不太好的时候,想必会对我们的用户体验造成不小的影响。
从我个人用 React Native 开发 APP 的体验来看,React Native 适合 C/S 结构、业务型的 APP 或其中的模块,对于偏重底层技术的比如工具类 APP (或者模块),我还没有使用 RN 尝试过,不过想必显然是不太适合的。总的来说,一个对于底层技术依赖不多,业务型,尤其是业务变动频繁的应用或模块适合 RN 开发,而且一次开发,基本可以完全重用于两个平台,重要的是可以热更新来应对业务逻辑更新频繁、更新要求快、迅速修复线上 bug 等需求场景,目前看,RN 的热更新并没有被 Apple 封杀。
上面的既是特点也是优点,下面说说缺点,或者应该说:「仍然遗留的问题」,在我看来,这个方案已经超越了Hybird方案。
https://www.zhihu.com/question/27852694 https://github.com/reactnativecn/react-native-guide http://www.lcode.org/category/react-native-zong/react-native/