React Native 踩坑备忘录

本文详细介绍了在MacOS环境下搭建React Native的步骤,包括使用yarn安装依赖和生成js代码产物。针对ReactNativeActivity中getIntent()为空的问题,提出了使用ReactNativeFragment替代及自定义Delegate两种解决方案。此外,还提供了使用`react-native bundle`命令进行离线打包以及通过`yarn android`启动带热加载功能的Android应用的方法。

以下内容基于系统:MacOS 10.15.7
1,搭建环境:
参考 RN 中文网

yarn install --ignore-engines 

会根据 package.json 文件创建必要的文件。
比如:node_modules 目录

2,ReactNativeActivity,getIntent() 是空的问题。
解决方案:
1,考虑用 ReactNativeFragment 创建 RN页面,再放到正常的 Activity里面。
2,参考 ReactNativeActivity,自己写 Delegate。

3,单独生成 js 代码产物。

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

4,便于热加载,运行起 Android 端 app。

yarn android --verbose --appId <你的包名> --main-activity <你的启动Activity>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值