说明

这是一个不继承RNAbilty，由原生页面跳转到RN页面的demo工程。

目录结构

├── NativeProject -- 原生工程
└── RNProject -- RN 工程

环境搭建

1. 在 RNProject/MainProject 目录下执行 pnpm i 安装依赖，执行 pnpm dev 生成 bundle.harmony.js;
2. 用 DevEco Studio 打开 NativeProject，等待工程自动同步完成，（手动同步，执行 Sync and Refresh Project）；
3. 点击 File > Project Structure > Signing Configs，登录并进行签名；
4. 点击右上角的 run 启动项目。

NOTE: 安装时项目默认使用最新的RNOH依赖，如需安装特定版本请查阅RNOH版本演进规划和分支策略获取版本号。

npm依赖安装： npm i @react-native-oh/react-native-harmony@0.84.xx npm i --save-dev @react-native-oh/react-native-harmony-cli@0.84.xx

ohpm依赖安装：ohpm i @rnoh/react-native-openharmony@0.84.xx

效果预览

在成功运行demo工程之后，打开应用如下图所示：

导航到RN页面 操作：点击首页中间的打开RN应用按钮，跳转到RN页面。 效果：如下图所示

注意事项

1. 主动调用windowSizeChange方法监听屏幕尺寸变化，调用this.rnInstancesCoordinator?.onWindowSizeChange设置正确的屏幕尺寸，否则会出现字体size不正常的问题。