# 说明

这是一个使用TurboModule的demo工程

目录结构

using_turboModule
├── SampleProject RN侧工程
└── SampleApp 原生工程

环境搭建

1. 在 SampleProject/MainProject 目录下执行 npm i 安装依赖，执行 npm run dev 生成 bundle；
2. 用 DevEco Studio 打开 SampleApp，执行 Sync and Refresh Project；
3. 点击 File > Project Structure > Signing Configs，登录并完成签名；
4. 点击 DevEco Studio 右上角的 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

效果预览

启动后页面效果如下：

1. 点击【•调用TurboModule回调方法】按钮，会有返回结果（... from native side）回填到按钮；
2. 点击【•调用TurboModule异步方法】按钮，会有返回结果（rejected on native side）回填到按钮；
3. 点击【•调用原生console.log方法】按钮，会在DevEco控制台打印日志（在Native中打印日志）；
4. 点击【•调用TurboModule2的test方法】按钮，手机界面上会有一个alert弹框，提示“调用 SampleTurboModule2 的 Test”；
5. 点击【•调用TurboModule2的getObject方法】按钮，手机界面上会有一个alert弹框，提示“{ "x": 100 }”；
6. 点击【•调用TurboModule2的getRequest方法】按钮，手机界面上会有一个alert弹框，里面打印网络请求返回的内容；
7. 点击【•调用TurboModule2的eatFruit方法】按钮，手机界面上会有一个alert弹框，提示“正在吃水果，大菠萝很好吃。颜色呢？透明的”；
8. 点击【•调用TurboModule2的checkPwd方法】按钮，手机界面上会有一个alert弹框，提示“checkPwd success!”；
9. 点击【•调用WorkerTurboModule回调方法：】按钮，会有返回结果（... from native worker side）回填到按钮；
10. 点击【•调用WorkerTurboModule异步回调方法：】按钮，会有返回结果（rejected on native worker side）回填到按钮；
11. 点击【•在worker线程中调用原生console.log方法：】按钮，会在DevEco控制台打印日志（在Native的worker线程中打印日志）。