diff --git a/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/pages/Index.ets b/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/pages/Index.ets index 404a6ee6d99716fd3dbe1efd8e5c5cc1805b64a3..be1515a80f83f99b828ba5c2353db63a3e1e3319 100644 --- a/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/pages/Index.ets @@ -15,7 +15,11 @@ import { buildRNComponentForTag, RNPackageContext, RNPackage, - ComponentBuilderContext + ComponentBuilderContext, + TraceJSBundleProviderDecorator, + AnyJSBundleProvider, + FileJSBundleProvider, + MetroJSBundleProvider } from '@rnoh/react-native-openharmony'; @Builder diff --git "a/docs/zh-cn/RN-JS\346\211\223\345\214\205.md" "b/docs/zh-cn/RN-JS\346\211\223\345\214\205.md" index 845fb79f214cf79dcdd8d0017961b83c38df1bc0..c56e45cdcaa57d56250ed1c94410e113f0e6b9ec 100644 --- "a/docs/zh-cn/RN-JS\346\211\223\345\214\205.md" +++ "b/docs/zh-cn/RN-JS\346\211\223\345\214\205.md" @@ -153,7 +153,7 @@ module.exports = { }; ``` -​ 每个 options 内都有很多配置选项，而对于拆包打包来说，最重要的是 `serializer` 选项内的`createModuleIdFactory` 与 `processModuleFilter`。 +​ 每个 options 内都有很多配置选项，而对于拆包打包来说，最重要的是 `serializer` 选项内的 `createModuleIdFactory` 与 `processModuleFilter`。 ![image](./figures/RN-JS-serializer.png) @@ -269,7 +269,7 @@ module.exports = { 2. 通过 `Basic` 模块和 `HomePage` 模块举例说明，基础包为 `Basic` 模块，业务包为 `HomePage` 模块。 - 首先需要创建两个模块各自的 `metro.config.js` 文件：`basic.config.js` 和 `homepage.config.js`。在执行打包命令的时候需要配置到 `--config` 配置选项中。 - - `basic.config.js` 中的 `config` 对象需要配置 `serializer` 属性的`createModuleIdFactory` 为上一步自定义的 `createModuleIdFactoryWrap` 方法，传入project根目录和模块名，最后在使用 `mergeConfig` 方式时将 `config` 对象作为入参传进去。 + - `basic.config.js` 中的 `config` 对象需要配置 `serializer` 属性的 `createModuleIdFactory` 为上一步自定义的 `createModuleIdFactoryWrap` 方法，传入project根目录和模块名，最后在使用 `mergeConfig` 方式时将 `config` 对象作为入参传进去。 ```javascript // SampleProject/MainProject/basic.config.js diff --git "a/docs/zh-cn/RN\345\215\207\347\272\247\351\234\200\350\246\201\345\274\200\345\217\221\350\200\205\351\200\202\351\205\215\346\225\264\347\220\206.md" "b/docs/zh-cn/RN\345\215\207\347\272\247\351\234\200\350\246\201\345\274\200\345\217\221\350\200\205\351\200\202\351\205\215\346\225\264\347\220\206.md" index dc0069857dfcf2e009ee56c4335d1d05c4ec1fff..d3692b0a91fafc97ba9a807b202455cdb86d913b 100644 --- "a/docs/zh-cn/RN\345\215\207\347\272\247\351\234\200\350\246\201\345\274\200\345\217\221\350\200\205\351\200\202\351\205\215\346\225\264\347\220\206.md" +++ "b/docs/zh-cn/RN\345\215\207\347\272\247\351\234\200\350\246\201\345\274\200\345\217\221\350\200\205\351\200\202\351\205\215\346\225\264\347\220\206.md" @@ -4,7 +4,7 @@ 1. **RN** 新架构中的 `NativeModules` 改为 `TurboModule`，其他调用地方统一改为调用 RNBridge 中封装的该方法。 -2. **RN** 中`Dimensions`，`DeviceEventEmitter`，`Appstate`，`Appearance`，`Keyboard`， `AccessibilityInfo`，`NativeEventEmitter`，`Linking`等 `removeEventListener` 或 `removeListener` 在新版本已经废弃，更改为 `remove()`。 +2. **RN** 中 `Dimensions`，`DeviceEventEmitter`，`Appstate`，`Appearance`，`Keyboard`， `AccessibilityInfo`，`NativeEventEmitter`，`Linking` 等 `removeEventListener` 或 `removeListener` 在新版本已经废弃，更改为 `remove()`。 3. 增加 OpenHarmony 判断方法 `PlatformUtils.isHarmony()`，`PlatformUtils.isAPP()` 已经包含OpenHarmony 判断，如果要写单独的 OpenHarmony RN 文件，文件后缀改为 `index.harmony.tsx`。 diff --git a/docs/zh-cn/TurboModule.md b/docs/zh-cn/TurboModule.md index e7b9a4799288c6d2f29696c61f582957443969c6..d4d9061956be8ee408163b7ee954429105fe9956 100644 --- a/docs/zh-cn/TurboModule.md +++ b/docs/zh-cn/TurboModule.md @@ -142,7 +142,7 @@ Codegen 的详细使用方法，可以参考[Codegen](Codegen.md)文档。 1. 创建用于实现模块的 `CalculatorModule.ts`。 - 在 `entry/src/main/ets` 路径下新建文件夹 `turbomodule`，并在文件夹中新增`CalculatorModule.ts`。 + 在 `entry/src/main/ets` 路径下新建文件夹 `turbomodule`，并在文件夹中新增 `CalculatorModule.ts` 。 如果是 ArkTSTurboModule，需要在此处实现： ```typescript @@ -438,7 +438,7 @@ Codegen 的详细使用方法，可以参考[Codegen](Codegen.md)文档。 - `hasTurboModule`：用于判断该 name 对应的 TurboModule 是否存在； - TurboModule 类 `CalculatorModule` 应该继承 `AnyThreadTurboModule`； -2. 配置TurboModule运行在worker线程,需要继承RNability后重载`getRNOHWorkerScriptUrl`，代码修改方式如下所示： +2. 配置TurboModule运行在worker线程,需要继承RNability后重载 `getRNOHWorkerScriptUrl` ，代码修改方式如下所示： ```typescript // entry/src/main/ets/entryability/EntryAbility.ets import {RNAbility} from '@rnoh/react-native-openharmony'; @@ -450,9 +450,9 @@ Codegen 的详细使用方法，可以参考[Codegen](Codegen.md)文档。 ... } ``` - 在ets路径下右击，选择`New`选项，右侧展开菜单选择`Woker`选项： + 在ets路径下右击，选择 `New` 选项，右侧展开菜单选择 `Woker` 选项： ![create_worker](./figures/create-worker.png) - 选择后在弹出的窗口中取名`RNOHWorker.ets`： + 选择后在弹出的窗口中取名 `RNOHWorker.ets` ： ![christen_RNOHWorker](./figures/christen-RNOHWorker.png) 此时目录结构为: ``` diff --git "a/docs/zh-cn/\347\211\210\346\234\254\345\215\207\347\272\247\346\214\207\345\257\274.md" "b/docs/zh-cn/\347\211\210\346\234\254\345\215\207\347\272\247\346\214\207\345\257\274.md" index e4ef23894cace8d897a2a01525b8801834ff8bca..625f28fbfb4f2c10b7e225ee2ff06a1cbb7bf64d 100644 --- "a/docs/zh-cn/\347\211\210\346\234\254\345\215\207\347\272\247\346\214\207\345\257\274.md" +++ "b/docs/zh-cn/\347\211\210\346\234\254\345\215\207\347\272\247\346\214\207\345\257\274.md" @@ -34,10 +34,12 @@ ```diff ... -+ const {createHarmonyMetroConfig} = require('@react-native-oh/react-native-harmony/metro.config'); +- const {createHarmonyMetroConfig} = require('@react-native-oh/react-native-harmony/metro.config'); ++ const {createHarmonyMetroConfig} = require('react-native-harmony/metro.config'); ... module.exports = mergeConfig(getDefaultConfig(__dirname), createHarmonyMetroConfig({ -+ reactNativeHarmonyPackageName: '@react-native-oh/react-native-harmony', +- reactNativeHarmonyPackageName: '@react-native-oh/react-native-harmony', ++ reactNativeHarmonyPackageName: 'react-native-harmony', }), config); ``` > 注意： 如果引入的包依赖其他的包，请参考[如何在三方库或自定义module中引入rnoh的依赖](#如何在三方库或自定义module中引入rnoh的依赖)。