diff --git a/1224/react-native-cameraroll.md b/1224/react-native-cameraroll.md
deleted file mode 100644
index 71e5f30c0534b5872a756245caf1b9b333287b0d..0000000000000000000000000000000000000000
--- a/1224/react-native-cameraroll.md
+++ /dev/null
@@ -1,292 +0,0 @@
-> 模板版本:v0.1.2
-
-
-
react-native-cameraroll
-
-
-
-
-
-
-
-
-
-
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-cameraroll)
-
-## 安装与使用
-
-进入到工程目录并输入以下命令:
-
-
-
-**正在 npm 发布中,当前请先从仓库[Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)中获取库 tgz,通过使用本地依赖来安装本库。**
-#### **yarn**
-
-```bash
-yarn add xxx
-```
-
-#### **npm**
-
-```bash
-npm install xxx
-```
-
-
-
-快速使用:
-
-```js
-import { View, Button } from "react-native";
-import {
- CameraRoll,
- harmonyRequestAddOnlyGalleryPermission,
- harmonyRequestReadWriteGalleryPermission,
-} from "react-native-camera-roll/camera-roll";
-
-export default function App() {
- return (
-
-
- );
-}
-```
-
-## Link
-
-目前鸿蒙暂不支持 AutoLink,所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
-
-### 引入原生端代码
-
-目前有两种方法:
-
-1. 通过 har 包引入(在 IDE 完善相关功能后该方法会被遗弃,目前首选此方法);
-2. 直接链接源码。
-
-方法一:通过 har 包引入
-打开 `entry/oh-package.json5`,添加以下依赖
-
-```json
-"dependencies": {
- "rnoh": "file:../rnoh",
- "rnoh-camera-roll": "file:../../node_modules/@react-native-oh-tpl/camera-roll/harmony/camera_roll.har"
- }
-```
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行:
-
-```bash
-cd entry
-ohpm install
-```
-
-方法二:直接链接源码
-打开 `entry/oh-package.json5`,添加以下依赖
-
-```json
-"dependencies": {
- "rnoh": "file:../rnoh",
- "rnoh-camera-roll": "file:../../node_modules/@react-native-oh-tpl/camera-roll/harmony/camera_roll"
- }
-```
-
-打开终端,执行:
-
-```bash
-cd entry
-ohpm install --no-link
-```
-
-### 配置 CMakeLists 和引入 CameraRollPackage
-
-打开 `entry/src/main/cpp/CMakeLists.txt`,添加:
-
-```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: add_package_subdirectories
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-camera-roll/src/main/cpp" ./camera-roll)
-# RNOH_END: add_package_subdirectories
-
-add_library(rnoh_app SHARED
- "./PackageProvider.cpp"
- "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: link_packages
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_camera_roll)
-# RNOH_END: link_packages
-```
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`,添加:
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
-+ #include "CameraRollPackage.h"
-
-using namespace rnoh;
-
-std::vector> PackageProvider::getPackages(Package::Context ctx) {
- return {
- std::make_shared(ctx),
-+ std::make_shared(ctx)
- };
-}
-```
-
-### 在 ArkTs 侧引入 CameraRollPackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`,添加:
-
-```diff
-...
-+ import { CameraRollPackage } from 'rnoh-camera-roll/ts';
-
-export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
- return [
- new SamplePackage(ctx),
-+ new CameraRollPackage(ctx),
- ];
-}
-```
-### 应用权限申请
-
-> [!tip] "ohos.permission.READ_IMAGEVIDEO","ohos.permission.WRITE_IMAGEVIDEO"权限等级为system_basic,授权方式为user_grant,[使用ACL签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
-
-在 `YourProject/entry/src/main/module.json5`补上配置
-
-```diff
-{
- "module": {
- "name": "entry",
- "type": "entry",
-
- ···
-
- "requestPermissions": [
-+ { "name": "ohos.permission.READ_IMAGEVIDEO" },
-+ { "name": "ohos.permission.WRITE_IMAGEVIDEO" }
- ]
- }
-}
-```
-
-
-
-### 运行
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行:
-
-```bash
-cd entry
-ohpm install
-```
-
-然后编译、运行即可。
-
-## 约束与限制
-
-### 兼容性
-
-要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/camera-roll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)
-
-## 静态方法
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
-
-**CameraRoll**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| saveToCameraRoll | 保存图片/视频 | function | no | android,ios | no |
-| getPhotos | 查找图片/视频 | function | no | android,ios | partially |
-| getAlbums | 查找相册 | function | no | android,ios | partially |
-| deletePhotos | 删除图片/视频 | function | no | android,ios | no |
-| iosGetImageDataById | 获取图片数据 | function | no | ios | partially |
-| getPhotoThumbnail | 获取缩略图 | function | no | ios | partially |
-
-
-
-## API
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
-
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| `iosReadGalleryPermission` | 权限验证 | function | no | ios | no |
-| `iosRequestReadWriteGalleryPermission` | 读写权限申请 | function | no | ios | no |
-| `iosRequestAddOnlyGalleryPermission` | 添加权限申请 | function | no | ios | no |
-| `iosRefreshGallerySelection` | 图片列表刷新 | function | no | ios | no |
-| `harmonyReadGalleryPermission` | 对比`iosReadGalleryPermission` | function | no | harmony | yes |
-| `harmonyRequestReadWriteGalleryPermission` | 对比`iosRequestReadWriteGalleryPermission` | function | no | harmony | yes |
-| `harmonyRequestAddOnlyGalleryPermission` | 对比`iosRequestAddOnlyGalleryPermission` | function | no | harmony | yes |
-| `harmonyRefreshGallerySelection` | 对比`iosRefreshGallerySelection` | function | no | harmony | no |
-
-
-## 遗留问题
-
-- [ ] harmony 保存图片/视频到指定相册需要使用系统接口
-- [ ] harmony 查找图片/视频部分查询条件和返回字段需要使用系统接口
-- [ ] harmony 纯图片相册暂未对外开放,系统相册不返回相册名
-- [ ] harmony 删除图片/视频需要使用系统接口
-- [ ] harmony 暂无对标ios图片列表刷新的方法
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ,请自由地享受和参与开源。
diff --git a/1224/react-native-checkbox.md b/1224/react-native-checkbox.md
deleted file mode 100644
index bdd10ab8a52a32a93248e84f387f05f17ec29206..0000000000000000000000000000000000000000
--- a/1224/react-native-checkbox.md
+++ /dev/null
@@ -1,241 +0,0 @@
-> 模板版本:v0.1.2
-
-
-
@react-native-community/checkbox
-
-
-
-
-
-
-
-
-
-
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-checkbox)
-
-## 安装与使用
-
-进入到工程目录并输入以下命令:
-
-
-
-#### **yarn**
-
-```bash
-yarn add @react-native-oh-tpl/checkbox
-```
-
-#### **npm**
-
-```bash
-npm install @react-native-oh-tpl/checkbox
-```
-
-
-
-下面的代码展示了这个库的基本使用场景:
-
-```js
-import CheckBox from "@react-native-community/checkbox";
-
- {
- console.log("" + event.nativeEvent.value);
- setMsg2("onChange" + event.nativeEvent.target);
- setValue(event.nativeEvent.value);
- }}
- markSize={70}
- strokeColor={"yellow"}
- strokeWidth={5}
- onValueChange={(newValue) => {
- setToggleCheckBox(newValue);
- setMsg("onValueChange----");
- }}
-/>;
-```
-
-## Link
-
-目前鸿蒙暂不支持 AutoLink,所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
-
-### 引入原生端代码
-
-目前有两种方法:
-
-1. 通过 har 包引入(在 IDE 完善相关功能后该方法会被遗弃,目前首选此方法);
-2. 直接链接源码。
-
-方法一:通过 har 包引入
-打开 `entry/oh-package.json5`,添加以下依赖
-
-```json
-"dependencies": {
- "rnoh": "file:../rnoh",
- "rnoh-checkbox": "file:../../node_modules/@react-native-oh-tpl/checkbox/harmony/checkbox.har"
- }
-```
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行:
-
-```bash
-cd entry
-ohpm install
-```
-
-方法二:直接链接源码
-打开 `entry/oh-package.json5`,添加以下依赖
-
-```json
-"dependencies": {
- "rnoh": "file:../rnoh",
- "rnoh-checkbox": "file:../../node_modules/@react-native-oh-tpl/checkbox/harmony/checkbox"
- }
-```
-
-打开终端,执行:
-
-```bash
-cd entry
-ohpm install --no-link
-```
-
-### 配置 CMakeLists 和引入 CheckboxPackge
-
-打开 `entry/src/main/cpp/CMakeLists.txt`,添加:
-
-```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: add_package_subdirectories
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-checkbox/src/main/cpp" ./checkbox)
-# RNOH_END: add_package_subdirectories
-
-add_library(rnoh_app SHARED
- "./PackageProvider.cpp"
- "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: link_packages
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_checkbox)
-# RNOH_END: link_packages
-```
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`,添加:
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
-+ #include "CheckboxPackage.h"
-
-using namespace rnoh;
-
-std::vector> PackageProvider::getPackages(Package::Context ctx) {
- return {
- std::make_shared(ctx),
-+ std::make_shared(ctx)
- };
-}
-```
-
-### 在 ArkTs 侧引入 Checkbox 组件
-
-打开 `entry/src/main/ets/pages/index.ets`,添加:
-
-```diff
-import {
- RNApp,
- ComponentBuilderContext,
- RNAbility,
- AnyJSBundleProvider,
- MetroJSBundleProvider,
- ResourceJSBundleProvider,
-} from 'rnoh'
-import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-import { createRNPackages } from '../RNPackagesFactory'
-+ import { RNCCheckbox, CHECKBOX_TYPE } from "rnoh-checkbox"
-
- @Builder
- function CustomComponentBuilder(ctx: ComponentBuilderContext) {
- if (ctx.componentName === SAMPLE_VIEW_TYPE) {
- SampleView({
- ctx: ctx.rnohContext,
- tag: ctx.tag,
- buildCustomComponent: CustomComponentBuilder
- })
- }
-+ else if (ctx.componentName === CHECKBOX_TYPE) {
-+ RNCCheckbox({
-+ ctx: ctx.rnohContext,
-+ tag: ctx.tag,
-+ buildCustomComponent: CustomComponentBuilder
-+ })
-+ }
- ...
- }
- ...
-```
-
-### 运行
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行:
-
-```bash
-cd entry
-ohpm install
-```
-
-然后编译、运行即可。
-
-## 兼容性
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)
-
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | -------- |
-| `onChange` | Invoked on change with the native event. | function | No | All | yes |
-| `onValueChange` | Invoked with the new boolean value when it changes. | function | No | All | yes |
-| `value` | The value of the checkbox. If true the checkbox will be turned on. Default value is false. | boolean | No | All | yes |
-| `testID` | Used to locate this view in end-to-end tests. | string | No | All | yes |
-| `disabled` | If true the user won't be able to toggle the checkbox. Default value is false. | bool | No | All | yes |
-| `onCheckColor` | Color of the check box when it is selected. | Color | No | ios & harmony | yes |
-| `tintColor` | Border color of the check box when it is not selected. | Color | No | ios & harmony | yes |
-| `shape` | Sets component shapes, including circles and rounded squares. Default value is 0. | int | No | harmony | yes |
-| `markSize` | Size of the internal mark. The default size is the same as the width of the check box.This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used. | number | No | harmony | yes |
-| `strokeWidth` | Stroke width of the internal mark. This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used. | number | No | harmony | yes |
-| `strokeColor` | Color of the internal mark. | Color | No | harmony | yes |
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-checkbox/blob/harmony/LICENSE) ,请自由地享受和参与开源。
diff --git a/1224/react-native-blur.md b/zh-cn/react-native-blur.md
similarity index 95%
rename from 1224/react-native-blur.md
rename to zh-cn/react-native-blur.md
index d97a2b2d5a62c7c8924b123f74503fa836870e2c..e606a4b1eff5ff66a1a10b3f076c95476aa1d004 100644
--- a/1224/react-native-blur.md
+++ b/zh-cn/react-native-blur.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.2
+> 模板版本:v0.1.3
react-native-blur
@@ -16,26 +16,32 @@
## 安装与使用
+请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases),并下载适用版本的 tgz 包。
+
进入到工程目录并输入以下命令:
+>[!TIP] # 处替换为 tgz 包的路径
+
-#### **yarn**
+#### **npm**
```bash
-yarn add @react-native-oh-tpl/blur
+npm install @react-native-oh-tpl/blur@file:#
```
-#### **npm**
+#### **yarn**
```bash
-npm install @react-native-oh-tpl/blur
+yarn add @react-native-oh-tpl/blur@file:#
```
下面的代码展示了这个库的基本使用场景:
+>[!WARNING] 使用时 import 的库名不变。
+
```js
import React, { useState} from 'react';
import {
@@ -206,6 +212,9 @@ const styles = StyleSheet.create({
2. 直接链接源码。
方法一:通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
打开 `entry/oh-package.json5`,添加以下依赖
```json
@@ -225,6 +234,9 @@ ohpm install
```
方法二:直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
打开 `entry/oh-package.json5`,添加以下依赖
```json
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index 71e5f30c0534b5872a756245caf1b9b333287b0d..eeb31c24dff5c2f47981886acdd1d128229bfb80 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.2
+> 模板版本:v0.1.3
react-native-cameraroll
@@ -16,27 +16,32 @@
## 安装与使用
+请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases),并下载适用版本的 tgz 包。
+
进入到工程目录并输入以下命令:
+>[!TIP] # 处替换为 tgz 包的路径
+
-**正在 npm 发布中,当前请先从仓库[Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)中获取库 tgz,通过使用本地依赖来安装本库。**
-#### **yarn**
+#### **npm**
```bash
-yarn add xxx
+npm install @react-native-oh-tpl/camera-roll@file:#
```
-#### **npm**
+#### **yarn**
```bash
-npm install xxx
+yarn add @react-native-oh-tpl/camera-roll@file:#
```
快速使用:
+>[!WARNING] 使用时 import 的库名不变。
+
```js
import { View, Button } from "react-native";
import {
@@ -99,6 +104,9 @@ export default function App() {
2. 直接链接源码。
方法一:通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
打开 `entry/oh-package.json5`,添加以下依赖
```json
@@ -118,6 +126,9 @@ ohpm install
```
方法二:直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
打开 `entry/oh-package.json5`,添加以下依赖
```json
diff --git a/1224/react-native-check-box.md b/zh-cn/react-native-check-box.md
similarity index 95%
rename from 1224/react-native-check-box.md
rename to zh-cn/react-native-check-box.md
index d8c156ec1f42d0c36f9018658bf8c8accd94c44e..da7d08b720976e28b9fbac8b4b5760c14894c0ab 100644
--- a/1224/react-native-check-box.md
+++ b/zh-cn/react-native-check-box.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.2
+> 模板版本:v0.1.3
react-native-check-box
@@ -101,11 +101,8 @@ export default example;
## 兼容性
在以下版本验证通过
- 1. IDE:4.1.3.500;
- SDK:4.1.5.6;
- 测试设备:Mate60 (BRA-AL00);
- Rom: 2.0.0.33(SP34C00E33R4P5log);
- RNOH:0.72.13。
+1. RNOH:0.72.11; SDK:OpenHarmony(api11) 4.1.0.53; IDE:DevEco Studio 4.1.3.412; ROM:2.0.0.52;
+2. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.58;
## 属性
详情见[react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)
diff --git a/zh-cn/react-native-checkbox.md b/zh-cn/react-native-checkbox.md
index 0102decaedf34534b84a033fe55159ed4716cd3e..885040b269d90863119b9bb4620c6fcaad0e4f35 100644
--- a/zh-cn/react-native-checkbox.md
+++ b/zh-cn/react-native-checkbox.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.0.1
+> 模板版本:v0.1.3
@react-native-community/checkbox
@@ -12,37 +12,36 @@
-## 安装与使用
-
-> [!tip] 目前部分 React-Native-OpenHarmony(RNOH) 三方库的 npm 包部署在私仓,需要通过 github token 来获取访问权限。
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-checkbox)
-在与 `package.json` 文件相同的目录中,创建或编辑 `.npmrc` 文件以包含指定 GitHub Packages URL 和托管包的命名空间的行。 将 TOKEN 替换为 RNOH 三方库指定的 token。
+## 安装与使用
-```bash
-@react-native-oh-library:registry=https://npm.pkg.github.com
-//npm.pkg.github.com/:_authToken=TOKEN
-```
+请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases),并下载适用版本的 tgz 包。
进入到工程目录并输入以下命令:
+>[!TIP] # 处替换为 tgz 包的路径
+
-#### **yarn**
+#### **npm**
```bash
-yarn add @react-native-community/checkbox@npm:@react-native-oh-library/checkbox
+npm install @react-native-oh-tpl/checkbox@file:#
```
-#### **npm**
+#### **yarn**
```bash
-npm install @react-native-community/checkbox@npm:@react-native-oh-library/checkbox
+yarn add @react-native-oh-tpl/checkbox@file:#
```
下面的代码展示了这个库的基本使用场景:
+>[!WARNING] 使用时 import 的库名不变。
+
```js
import CheckBox from "@react-native-community/checkbox";
@@ -81,12 +80,15 @@ import CheckBox from "@react-native-community/checkbox";
2. 直接链接源码。
方法一:通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
打开 `entry/oh-package.json5`,添加以下依赖
```json
"dependencies": {
"rnoh": "file:../rnoh",
- "rnoh-checkbox": "file:../../node_modules/@react-native-community/checkbox/harmony/checkbox.har"
+ "rnoh-checkbox": "file:../../node_modules/@react-native-oh-tpl/checkbox/harmony/checkbox.har"
}
```
@@ -100,12 +102,15 @@ ohpm install
```
方法二:直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
打开 `entry/oh-package.json5`,添加以下依赖
```json
"dependencies": {
"rnoh": "file:../rnoh",
- "rnoh-checkbox": "file:../../node_modules/@react-native-community/checkbox/harmony/checkbox"
+ "rnoh-checkbox": "file:../../node_modules/@react-native-oh-tpl/checkbox/harmony/checkbox"
}
```
@@ -183,17 +188,17 @@ import { createRNPackages } from '../RNPackagesFactory'
@Builder
function CustomComponentBuilder(ctx: ComponentBuilderContext) {
- if (ctx.descriptor.type === SAMPLE_VIEW_TYPE) {
+ if (ctx.componentName === SAMPLE_VIEW_TYPE) {
SampleView({
ctx: ctx.rnohContext,
- tag: ctx.descriptor.tag,
+ tag: ctx.tag,
buildCustomComponent: CustomComponentBuilder
})
}
-+ else if (ctx.descriptor.type === CHECKBOX_TYPE) {
++ else if (ctx.componentName === CHECKBOX_TYPE) {
+ RNCCheckbox({
+ ctx: ctx.rnohContext,
-+ tag: ctx.descriptor.tag,
++ tag: ctx.tag,
+ buildCustomComponent: CustomComponentBuilder
+ })
+ }
@@ -217,11 +222,15 @@ ohpm install
## 兼容性
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-community/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)
## 属性
-| 名称 | 说明 | 类型 | 是否必填 | 原库平台 | 鸿蒙支持 |
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | -------- |
| `onChange` | Invoked on change with the native event. | function | No | All | yes |
| `onValueChange` | Invoked with the new boolean value when it changes. | function | No | All | yes |
@@ -230,6 +239,7 @@ ohpm install
| `disabled` | If true the user won't be able to toggle the checkbox. Default value is false. | bool | No | All | yes |
| `onCheckColor` | Color of the check box when it is selected. | Color | No | ios & harmony | yes |
| `tintColor` | Border color of the check box when it is not selected. | Color | No | ios & harmony | yes |
+| `shape` | Sets component shapes, including circles and rounded squares. Default value is 0. | int | No | harmony | yes |
| `markSize` | Size of the internal mark. The default size is the same as the width of the check box.This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used. | number | No | harmony | yes |
| `strokeWidth` | Stroke width of the internal mark. This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used. | number | No | harmony | yes |
| `strokeColor` | Color of the internal mark. | Color | No | harmony | yes |
diff --git a/1224/react-native-community-segmented-control.md b/zh-cn/react-native-community-segmented-control.md
similarity index 94%
rename from 1224/react-native-community-segmented-control.md
rename to zh-cn/react-native-community-segmented-control.md
index dc58febe32caabbf190cabd8f4ddea475b095310..727efb8aa5a2be84aa6a33f3fa96b0e6dbbde2a2 100644
--- a/1224/react-native-community-segmented-control.md
+++ b/zh-cn/react-native-community-segmented-control.md
@@ -18,12 +18,6 @@
进入到工程目录并输入以下命令:
-#### **yarn**
-
-```bash
-yarn add @react-native-segmented-control/segmented-control@^2.5.0
-```
-
#### **npm**
@@ -32,6 +26,12 @@ yarn add @react-native-segmented-control/segmented-control@^2.5.0
npm install --save @react-native-segmented-control/segmented-control@^2.5.0
```
+#### **yarn**
+
+```bash
+yarn add @react-native-segmented-control/segmented-control@^2.5.0
+```
+
下面的代码展示了这个库的基本使用场景:
@@ -56,7 +56,8 @@ return (
在下述版本验证通过:
-1. IDE:DevEco Studio 4.1.3.412;SDK:OpenHarmony(api11) 4.1.0.53;测试设备:Mate40 Pro(NOH-AN00);ROM:2.0.0.52(SP22C00E52R1P17log);RNOH:0.72.11
+1. RNOH:0.72.11; SDK:OpenHarmony(api11) 4.1.0.53; IDE:DevEco Studio 4.1.3.412; ROM:2.0.0.52;
+2. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.58;
## 属性
@@ -87,4 +88,4 @@ return (
## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE) ,请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE) ,请自由地享受和参与开源。
\ No newline at end of file