说明
一个多jsBundle和多rnInstance的demo工程
目录结构
MutilBundleSample
├── FlightRN 机票前端工程
├── HotelRN 酒店前端工程
├── NativeProject 鸿蒙工程
└── README.md
使用方法
- 在
FlightRN中运行 pnpm i 安装依赖,运行 pnpm dev:all 生成机票的bundle.harmony.js。 - 在
HotelRN中运行 pnpm i 安装依赖,运行 pnpm dev:all 生成酒店的bundle.harmony.js。 - 在
NativeProject/entry目录下执行 ohpm i 安装依赖。 - 用 DevEco Studio 打开
NativeProject,等待工程自动同步完成,(手动同步,执行 Sync and Refresh Project)。 - 点击 File > Project Structure > Signing Configs,登录并完成签名。
- 点击右上角的 run 启动项目。
NOTE: 安装时项目默认使用最新的RNOH依赖,如需安装特定版本请查阅RNOH版本演进规划和分支策略获取版本号。
npm依赖安装:
npm i @react-native-oh/react-native-harmony@0.84.xxnpm i --save-dev @react-native-oh/react-native-harmony-cli@0.84.xxohpm依赖安装:
ohpm i @rnoh/react-native-openharmony@0.84.xx
效果预览
启动后页面效果如下:
![]() |
![]() |
![]() |
|---|---|---|
| 首页 | 前往酒店页面 | 前往机票页面 |


