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动态调试。
- Android原生APP中添加ReactNative 进行混合开发教程
- Android原生APP中添加ReactNative 进行混合开发教程
- 史上最详细的Android原生APP中添加ReactNative 进行混合开发教程
- 史上最详细的Android原生APP中添加ReactNative 进行混合开发教程
- 史上最详细的Android原生APP中添加ReactNative 进行混合开发教程以及问题解决
- 最详细的Android原生APP中添加ReactNative 进行混合开发教程
- 史上最详细的Android原生APP中添加ReactNative 进行混合开发教程
- 史上最详细的Android原生APP中添加ReactNative 进行混合开发教程
- android ReactNative混合开发之最新教程
- android 原生app嵌入reactnative页面
- 原生APP整合ReactNative
- Android App混合开发
- APP,原生和H5开发技术混合开发
- unity与原生android混合开发
- Android:前端与原生混合开发尝试
- 谈谈Android App混合开发
- 谈谈Android App混合开发
- 谈谈Android App混合开发
- android 解决Failed to install *.apk on device 'emulator-5554': timeout 超时问题
- springmvc+hibernate实现记住密码
- 编写Java无脚本的JSP页面
- 自定义oracle函数入门
- 安卓自学,手机上的横竖屏切换,状态栏隐藏
- Android原生APP中添加ReactNative 进行混合开发教程
- vector 成员函数用法
- AJAX进行前后台信息交互
- Promise 合并
- LoRa技术科普
- Simple Network Driver 实现 & 以太网协议数据包结构
- Java - 趣味题(1) --- 木桶效应
- JS自学-数据类型
- 冒泡法排序