说明
这是一个多jsBundle和多rnInstance的demo工程。
目录结构
MutilBundleSample
├── FlightRN 机票前端工程
├── HotelRN 酒店前端工程
├── NativeProject 鸿蒙工程
└── README.md
环境搭建
- 在
FlightRN中运行 npm i @react-native-oh/react-native-harmony@x.x.x或yarn add @react-native-oh/react-native-harmony@x.x.x 安装依赖，运行 npm run dev:all 生成机票的jsBundle； - 在
HotelRN中运行 npm i @react-native-oh/react-native-harmony@x.x.x或yarn add @react-native-oh/react-native-harmony@x.x.x 安装依赖，运行 npm run dev:all 生成酒店的jsBundle； - 在
entry目录下执行 ohpm i @rnoh/react-native-openharmony@x.x.x 安装依赖； - 检查
NativeProject、entry目录下是否生成oh-modules文件夹； - 用 DevEco Studio 打开
NativeProject，执行 Sync and Refresh Project； - 点击 File > Project Structure > Signing Configs，登录并完成签名；
- 点击右上角的 run 启动项目。
效果预览
启动后页面效果如下：
 |
 |
 |
|---|---|---|
| 首页 | 前往酒店页面 | 前往机票页面 |