From 35fa2ac28b6b3ea922ee06616f909070d900a445 Mon Sep 17 00:00:00 2001 From: zhengjinshou <> Date: Mon, 29 Jul 2024 10:58:09 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20[Issues:=20#IAG59D]=20=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0react-native-harmony-sample-package=E6=8C=87=E5=AF=BC?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-harmony-sample-package.md | 65 ++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 zh-cn/react-native-harmony-sample-package.md diff --git a/zh-cn/react-native-harmony-sample-package.md b/zh-cn/react-native-harmony-sample-package.md new file mode 100644 index 00000000..58098a15 --- /dev/null +++ b/zh-cn/react-native-harmony-sample-package.md @@ -0,0 +1,65 @@ + +> 模板版本:v0.2.2 + +

+

react-native-harmony-sample-package

+

+ +

+ + Supported platforms + + + License + +

+ +> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-sample-package) + +## 1. 安装与使用 + +### 1.1. 目录结构 + +本项目是 react-native-harmony 的示例工程,包含 Fabric、TurboModules 以及 Codegen 配置的不同示例,主要目录结构如下: + +```yaml +├── codegen-sample-package # 适配 codegen 的示例组件 +├── without-codegen-sample-package # 没用 codegen 的示例组件 +├── tester # 用了上述组件的完整 RN 工程示例 +│ ├── rnoh_package # react-native-harmony 相关依赖包 +│ ├── harmony # rn harmony原生部分 +│ │ └── react_native_openharmony +│ │ └── react_native_openharmony.har # rnoh sdk包,需手动下载后放于该路径下 +│ ├── index.js +│ ├── app.json +│ ├── package.json +│ ├── metro.config.js +│ └── tsconfig.json +├── package.json +└── License +``` + +### 1.2. 运行步骤 + +> tester 文件夹是一个可运行在 HarmonyOS 上的完整 RN 工程,另外还需下载一个 RNOH SDK,由于 SDK 体积较大,并未直接存于版本记录,请手动下载 [rnoh0.27.har](https://github.com/react-native-oh-library/react-native-harmony-sample-package/releases/tag/rnoh0.27.har) 并放于 `tester/harmony/react_native_openharmony` 目录下。 + +1. 克隆[该工程](https://github.com/react-native-oh-library/react-native-harmony-sample-package)到本地 +2. 安装依赖:在 tester 目录下执行`npm install / yarn` +3. 生成 bundle 资源文件:在 tester 目录下执行`npm run dev` +4. 使用 DevEco Studio 打开 tester 目录下的 harmony 文件夹 +5. 连接设备并在 IDE 中执行 Run + +## 2. 约束与限制 + +本文档内容基于以下版本验证通过: + +- RNOH: 0.72.27; +- SDK: HarmonyOS NEXT Developer Beta1 SDK +- IDE: DevEco Studio 5.0.3.402; +- ROM: 3.0.0.25(sp39); + +## 3. 开源协议 + +本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/License) ,请自由地享受和参与开源。 + + \ No newline at end of file -- Gitee