Android原生APP中添加ReactNative 进行混合开发教程

来源:互联网 发布:英语翻译发音软件 编辑:程序博客网 时间:2024/05/17 18:18

之前使用的是命令的方式创建RN的项目,但是做anroid开发,一直都用AS,而且RN毕竟还是不能完全替代本地app,所以需要混合开发,如何混合呢?先使用AS来搭建一个RN的项目开始吧。参考这篇文章

文章中已经比较清晰的说明了整个流程,下面是我在实际操作中遇到的一些问题:

1,npm init时需要输入js文件的名字,默认是“index.js”,最好按文中说的改成“index.android.js”,因为有的配置文件都用的是这个名字,如果使用index.js,可能会出现文件不存在的错误。

2,Could not get BatchedBridge, make sure your bundle is packaged correctly,这个最好使用文中提到的方法二,也就是创建完assets文件夹后手动执行命令:

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output app/src/main/assets/index.android.bundle --sourcemap-output app/src/main/assets/index.android.map --assets-dest android/app/src/main/res/

3,Error:Execution failed for task ':app:prepareDebugAndroidTestDependencies'. > Dependency Error. See console for details,参考这篇文章,也就是配置一下build.gradle文件

4,创建项目是最好使用提示的最小API 16,因为我不信邪,使用了10.结果出现了一些问题,比如项目一切都配置好,运行起来了,但是下面这个弹窗死活弹不出来,没办法进行js动态调试。


0 0
原创粉丝点击