diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md index 069692d03af5e6598e02f9e3220cf33462d83754..5c508db1b55edeaeab326346c25e216ea6c99fe5 100644 --- a/zh-cn/react-native-calendar-events.md +++ b/zh-cn/react-native-calendar-events.md @@ -16,7 +16,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.2.0 | [@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases) | 0.72 | +| 2.2.1 | [@react-native-ohos/react-native-calendar-events Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -25,12 +32,20 @@ #### **npm** ```bash +#2.2.0 npm install @react-native-oh-tpl/react-native-calendar-events + +#2.2.1 +npm install @react-native-ohos/react-native-calendar-events ``` #### **yarn** ```bash +#2.2.0 +yarn add @react-native-oh-tpl/react-native-calendar-events + +#2.2.1 yarn add @react-native-oh-tpl/react-native-calendar-events ``` @@ -233,6 +248,8 @@ export default CalendarDemo; ## 使用 Codegen +> [!TIP] V2.2.1 不需要执行 Codegen。 + 本库已经适配了 `Codegen` ,在使用前需要主动执行生成三方库桥接代码,详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。 ## Link @@ -265,6 +282,8 @@ export default CalendarDemo; 打开 `entry/oh-package.json5`,添加以下依赖 +- V2.2.0 + ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -272,6 +291,15 @@ export default CalendarDemo; } ``` +- V2.2.1 + +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-calendar-events": "file:../../node_modules/@react-native-ohos/react-native-calendar-events/harmony/calendar_events.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行: @@ -285,14 +313,18 @@ ohpm install > [!TIP] 如需使用直接链接源码,请参考[直接链接源码说明](/zh-cn/link-source-code.md) -### 3.在 ArkTs 侧引入 CalendarEventPackage +### 3.在 ArkTs 侧引入 CalendarEventsPackage 打开 `entry/src/main/ets/RNPackagesFactory.ts`,添加: ```diff ... +//2.2.0 + import { CalendarEventPackage } from "@react-native-oh-tpl/react-native-calendar-events/ts" +//2.2.1 ++ import { CalendarEventPackage } from "@react-native-ohos/react-native-calendar-events/ts" + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -301,7 +333,69 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 4.运行 +### 4.配置 CMakeLists 和引入 SqliteStoragePackage + +> [!TIP] V2.2.1 需要执行 + +打开 `entry/src/main/cpp/CMakeLists.txt`,添加: + +```diff +project(rnapp) +cmake_minimum_required(VERSION 3.4.1) +set(CMAKE_SKIP_BUILD_RPATH TRUE) +set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}") +set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules") ++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules") +set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp") +set(LOG_VERBOSITY_LEVEL 1) +set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments") +set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie") +set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use +add_compile_definitions(WITH_HITRACE_SYSTRACE) + +add_subdirectory("${RNOH_CPP_DIR}" ./rn) + +# RNOH_BEGIN: manual_package_linking_1 +add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-calendar-events/src/main/cpp" ./calendar_events) + +# RNOH_END: manual_package_linking_1 + +file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") + +add_library(rnoh_app SHARED + ${GENERATED_CPP_FILES} + "./PackageProvider.cpp" + "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp" +) +target_link_libraries(rnoh_app PUBLIC rnoh) + +# RNOH_BEGIN: manual_package_linking_2 +target_link_libraries(rnoh_app PUBLIC rnoh_sample_package) ++ target_link_libraries(rnoh_app PUBLIC rnoh_sqlite_storage) +# RNOH_END: manual_package_linking_2 +``` + +打开 `entry/src/main/cpp/PackageProvider.cpp`,添加: + +```diff +#include "RNOH/PackageProvider.h" +#include "generated/RNOHGeneratedPackage.h" +#include "SamplePackage.h" ++ #include "CalendarEventsPackage.h" + +using namespace rnoh; + +std::vector> PackageProvider::getPackages(Package::Context ctx) { + return { + std::make_shared(ctx), + std::make_shared(ctx), ++ std::make_shared(ctx), + }; +} +``` + +### 5.运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-cardview.md b/zh-cn/react-native-cardview.md index e5c3e8d924c294acde31cf4ecadfa51540bdb9e8..a8e0d113a1298e4e818347b6f8a8697f548e9543 100644 --- a/zh-cn/react-native-cardview.md +++ b/zh-cn/react-native-cardview.md @@ -16,20 +16,35 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.0.3 | [@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases) | 0.72 | +| 2.0.4 | [@react-native-ohos/react-native-cardviewReleases]() | 0.77 | + + 对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: #### **npm** ```bash +#2.0.3 npm install @react-native-oh-tpl/react-native-cardview + +#2.0.4 +npm install @react-native-ohos/react-native-cardview ``` #### **yarn** ```bash +#2.0.3 yarn add @react-native-oh-tpl/react-native-cardview + +#2.0.4 +yarn add @react-native-ohos/react-native-cardview ``` @@ -137,6 +152,8 @@ const styles = StyleSheet.create({ 打开 `entry/oh-package.json5`,添加以下依赖 +- V2.0.3 + ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -144,6 +161,15 @@ const styles = StyleSheet.create({ } ``` +- V2.0.4 + +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-cardview": "file:../../node_modules/@react-native-ohos/react-native-cardview/harmony/card_view.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行: @@ -179,7 +205,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) +# 2.0.3 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-cardview/src/main/cpp" ./card-view) + +# 2.0.4 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-cardview/src/main/cpp" ./card-view) + # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -235,7 +266,12 @@ ohpm install 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.0.3 | [@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases) | 0.72 | +| 2.0.4 | [@react-native-ohos/react-native-cardviewReleases]() | 0.77 | ## 属性 diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md index 01a23afc00b03cee746054f8a4e6a31df137b81d..e39cb8c3cbcbbb31e981de7891c383220cb7810a 100644 --- a/zh-cn/react-native-cookies-cookies.md +++ b/zh-cn/react-native-cookies-cookies.md @@ -16,7 +16,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 6.2.1 | [@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases) | 0.72 | +| 6.2.2 | [@react-native-ohos/cookies Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -25,18 +32,26 @@ #### **npm** ```bash +# V6.2.1 npm install @react-native-oh-tpl/cookies + +# V6.2.2 +npm install @react-native-ohos/cookies ``` #### **yarn** -``` +```bash +# V6.2.1 yarn add @react-native-oh-tpl/cookies + +# V6.2.2 +yarn add @react-native-ohos/cookies ``` -HarmonyOS 中使用 react-native-cookies 需要配合 react-native-webview 使用,具体请参考[@react-native-oh-tpl/react-native-webview](/zh-cn/react-native-webview.md) +HarmonyOS 中使用 react-native-cookies 需要配合 react-native-webview 使用,具体请参考[@react-native-ohos/react-native-webview](/zh-cn/react-native-webview.md) 下面的代码展示了这个库的基本使用场景: @@ -212,6 +227,7 @@ const styles = StyleSheet.create({ > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`,添加以下依赖 +- V6.2.1 ```json "dependencies": { @@ -220,7 +236,15 @@ const styles = StyleSheet.create({ "@react-native-oh-tpl/cookies": "file:../../node_modules/@react-native-oh-tpl/cookies/harmony/rn_cookies.har", } ``` +- V6.2.2 +```json +"dependencies": { + ... + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/cookies": "file:../../node_modules/@react-native-ohos/cookies/harmony/rn_cookies.har", + } +``` 点击右上角的 `sync` 按钮 或者在终端执行: @@ -252,7 +276,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) +# V6.2.1 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/cookies/src/main/cpp" ./rn_cookies) + +# V6.2.2 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/cookies/src/main/cpp" ./rn_cookies) + # RNOH_BEGIN: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -290,11 +319,23 @@ std::vector> PackageProvider::getPackages(Package::Cont ### 4.在 ArkTs 侧引入 CookiesPackage 打开 `entry/src/main/ets/RNPackagesFactory.ts`,添加: - +- V6.2.1 ```diff ... + import {CookiesPackage} from '@react-native-oh-tpl/cookies/ts'; +export function createRNPackages(ctx: RNPackageContext): RNPackage[] { + return [ + ... ++ new CookiesPackage(ctx), + ]; +} +``` +- V6.2.2 +```diff + ... ++ import {CookiesPackage} from '@react-native-ohos/cookies/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ ... @@ -322,7 +363,13 @@ ohpm install 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 6.2.1 | [@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases) | 0.72 | +| 6.2.2 | [@react-native-ohos/cookies Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 ## 静态方法 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。 diff --git a/zh-cn/react-native-marquee.md b/zh-cn/react-native-marquee.md index ed1b23fd31696728eeb6f2cee907226b84da914d..703d7dccdad4a25bea5eba13c21397b3b8a3e3cf 100644 --- a/zh-cn/react-native-marquee.md +++ b/zh-cn/react-native-marquee.md @@ -8,10 +8,11 @@ 该第三方库的仓库已迁移至 Gitcode,且支持直接从 npm 下载,新的包名为:`@react-native-ohos/react-native-marquee`,具体版本所属关系如下: -| Version | Package Name | Repository | Release | -| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- | -| <= 0.5.0-0.0.1@deprecated | @react-native-oh-tpl/react-native-marquee | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-marquee) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-marquee/releases) | -| > 0.5.1 | @react-native-ohos/react-native-marquee | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee/releases) | +| Version | Package Name | Repository | Release | Version for RN | +| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- | ------------------------- | +| <= 0.5.0-0.0.1@deprecated | @react-native-oh-tpl/react-native-marquee | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-marquee) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-marquee/releases) | 0.72 | +| > 0.5.1 | @react-native-ohos/react-native-marquee | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee/releases) | 0.72 | +| > 0.5.1 | @react-native-ohos/react-native-marquee | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee/releases) | 0.77 | ## 1. 安装与使用 @@ -73,10 +74,13 @@ const styles = StyleSheet.create({ ### 2.1 兼容性 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-ohos/react-native-marquee Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: - -## 3. 属性 +| Version | Package Name | Repository | Release | Version for RN | +| ------------------------- | ----------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------------- | +| <= 0.5.0-0.0.1@deprecated | @react-native-oh-tpl/react-native-marquee | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-marquee) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-marquee/releases) | 0.72 | +| > 0.5.1 | @react-native-ohos/react-native-marquee | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee/releases) | 0.72 | +| > 0.5.1 | @react-native-ohos/react-native-marquee | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-marquee/releases) | 0.77 | > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。 diff --git a/zh-cn/react-native-ohos-community-auto-fill.md b/zh-cn/react-native-ohos-community-auto-fill.md index 9de682e79fabd264a7f49cad69410e5c40de7fcc..89a8c9e4e43467f16342c7bb468d0cf8cb4e55d4 100644 --- a/zh-cn/react-native-ohos-community-auto-fill.md +++ b/zh-cn/react-native-ohos-community-auto-fill.md @@ -1,5 +1,5 @@

-

@react-native-ohos-community/auto-fill

+

@react-native-ohos/auto-fill

Supported platforms @@ -8,6 +8,7 @@

+ auto-fill 基于 HarmonyOS [autoFillManager](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-app-ability-autofillmanager-V5) 模块,提供将表单输入数据保存到历史表单输入中,以供下次自动填充的功能,仅支持 ohos 平台。 @@ -22,17 +23,32 @@ auto-fill 基于 HarmonyOS [autoFillManager](https://developer.huawei.com/consum ## 安装 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.0.1 | [@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases) | 0.72 | +| 1.0.2 | [@react-native-ohos/auto-fill Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: - **npm** + ```bash + #V1.0.1 npm install @react-native-ohos-community/auto-fill + #V1.0.2 + npm install @react-native-ohos/auto-fill ``` - **yarn** + ```bash + #V1.0.1 yarn add @react-native-ohos-community/auto-fill + #V1.0.2 + yarn add @react-native-ohos/auto-fill ``` ## 使用说明 @@ -171,6 +187,8 @@ React-Native 侧 TextInput 组件接收的 [textContentType](https://reactnative 打开 `entry/oh-package.json5`,添加以下依赖 +- V1.0.1 + ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -178,6 +196,15 @@ React-Native 侧 TextInput 组件接收的 [textContentType](https://reactnative } ``` +- V1.0.2 + +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/auto-fill": "file:../../node_modules/@react-native-ohos/auto-fill/harmony/auto_fill.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行: @@ -205,7 +232,11 @@ set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-har set(LOG_VERBOSITY_LEVEL 1) # RNOH_BEGIN: manual_package_linking_1 +#V1.0.1 + add_subdirectory("${OH_MODULES}/@react-native-ohos-community/auto-fill/src/main/cpp" ./auto-fill) + +#V1.0.2 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/auto-fill/src/main/cpp" ./auto-fill) # RNOH_END: manual_package_linking_1 add_library(rnoh_app SHARED @@ -241,7 +272,10 @@ std::vector> PackageProvider::getPackages( ```diff ... + //V1.0.1 + import { AutoFillPackage } from '@react-native-ohos-community/auto-fill/ts' + //V1.0.2 ++ import { AutoFillPackage } from '@react-native-ohos/auto-fill/ts' export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -255,7 +289,12 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.0.1 | [@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases) | 0.72 | +| 1.0.2 | [@react-native-ohos/auto-fill Releases]() | 0.77 | ## API 接口说明 diff --git a/zh-cn/react-native-popup-menu.md b/zh-cn/react-native-popup-menu.md index 8ad400202f3e6366ca570caa7746c6497f4a9739..86f43a8d86d5baefdb370f075278011863e86d28 100644 --- a/zh-cn/react-native-popup-menu.md +++ b/zh-cn/react-native-popup-menu.md @@ -25,13 +25,21 @@ #### **npm** ```bash +# 0.72 npm install react-native-popup-menu@0.16.1 --save + +# 0.77 +npm install react-native-popup-menu@0.18.0 --save ``` #### **yarn** ```bash +# 0.72 yarn add react-native-popup-menu@0.16.1 + +# 0.77 +yarn add react-native-popup-menu@0.18.0 ``` @@ -140,6 +148,7 @@ export const YourComponent = () => ( | optionsContainerStyle | Custom styles for options container. Note: this option is deprecated, use customStyles option instead | Style | No | IOS/Android | Yes | | renderOptionsContainer | Custom render function for . It takes options component as argument and returns component. E.g.: options => {options} (Deprecated) | Function | No | IOS/Android | Yes | | customStyles | Object defining wrapper, touchable and text styles | Object | No | IOS/Android | Yes | +| testID | Used for e2e testing to get Touchable element. If disableTouchable=true, it is not available | String | No | IOS/Android | Yes | #### MenuOption @@ -151,7 +160,6 @@ export const YourComponent = () => ( | disabled | Indicates if option can be pressed | Boolean | No | IOS/Android | Yes | | disableTouchable | Disables Touchable wrapper (no on press effect and no onSelect execution) Note: Alternatively you don't have to use MenuOption at all if you want render something "non-selectable" in the menu (e.g. divider) | Boolean | No | IOS/Android | Yes | | customStyles | Object defining wrapper, touchable and text styles | Object | No | IOS/Android | Yes | -| testID | Used for e2e testing to get Touchable element. If disableTouchable=true, it is not available | String | No | IOS/Android | Yes | | onSelect | Triggered when option is selected. When event handler returns false, the popup menu remains open. Note: If this event handler is defined, it suppress onSelect handler of | Function | No | IOS/Android | Yes | ## 遗留问题 diff --git a/zh-cn/react-native-signature-canvas.md b/zh-cn/react-native-signature-canvas.md index 1a1b865a7d2d759e1c360ab8958058cbc777ea8a..e4c5dc587201c02ba0bad46625fd8058908b9588 100644 --- a/zh-cn/react-native-signature-canvas.md +++ b/zh-cn/react-native-signature-canvas.md @@ -22,13 +22,21 @@ #### **npm** ```bash +#0.72 npm install --save react-native-signature-canvas@4.7.2 + +#0.77 +npm install --save react-native-signature-canvas@5.0.1 ``` #### **yarn** ```bash +#0.72 yarn add react-native-signature-canvas@4.7.2 + +#0.77 +yarn add react-native-signature-canvas@5.0.1 ``` @@ -129,47 +137,51 @@ const styles = StyleSheet.create({ -| Name | Description | Type | Required | Platform | HarmonyOS Support | -| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | -| autoClear | should auto clear the signature after clicking the Confirm button |boolean| no | iOS/Android | yes | -| backgroundColor | default is "rgba(255,255,255,0)" (transparent), background color of the canvas |string| no | iOS/Android | yes | -| bgHeight | height of the background image |number| no | iOS/Android | yes | -| bgWidth |width of the background image |number| no | iOS/Android | yes | -| bgSrc | background image source uri (url) |string| no | iOS/Android | yes | -| clearText |clear button text|string| no | iOS/Android | yes | -| confirmText |save button text |string| no | iOS/Android | yes | -| customHtml |html string that lets you modify things like the layout or elements |(injectedJavaScript: string) => string| no | iOS/Android | yes | -| dataURL |default is "", Base64 string, draws saved signature from dataURL. |string| no | iOS/Android | yes | -| descriptionText |description text for signature |string| no | iOS/Android | yes | -| dotSize |radius of a single dot (not stroke width) |number| no | iOS/Android | yes | -| imageType |"image/png" (default), "image/jpeg"、"image/svg+xml", imageType of exported signature|string| no | iOS/Android | yes | -| minWidth |minimum width of a line. Defaults to 0.5 |number| no | iOS/Android | yes | -| maxWidth |maximum width of a line. Defaults to 2.5 |number| no | iOS/Android | yes | -| onOK |callback function after saving non-empty signature|function| no | iOS/Android | yes | -| onEmpty |callback function after trying to save an empty signature|function| no | iOS/Android | yes | -| onClear |callback function after clearing the signature|function| no | iOS/Android | yes | -| onGetData |callback function when getData() is called |function| no | iOS/Android | yes | -| onBegin |callback function when a new stroke is started |function| no | iOS/Android | yes | -| onEnd |callback function when the stroke has ended |function| no | iOS/Android | yes | -| onLoadEnd |callback function when the webview canvas load ended |function| no | iOS/Android | yes | -| onUndo |callback function when undo() is called |function| no | iOS/Android | yes | -| onRedo |callback function when redo() is called |function| no | iOS/Android | yes | -| onDraw |callback function when drawing is enabled |function| no | iOS/Android | yes | -| onErase |callback function when erasing is enabled |function| no | iOS/Android | yes | -| onChangePenColor |callback function after changing the pen color|function| no | iOS/Android | yes | -| onChangePenSize |callback function after changing the pen size |function| no | iOS/Android | yes | -| overlayHeight |height of the overlay image |number| no | iOS/Android | yes | -| overlayWidth |width of the overlay image |number| no | iOS/Android | yes | -| overlaySrc |overlay image source uri (url) must be .png with a transparent background |string| no | iOS/Android | yes | -| penColor |default is "black", color of pen|string| no | iOS/Android | yes | -| rotated |rotate signature pad 90 degrees |boolean| no | iOS/Android | yes | -| style |style of wrapper view|object| no | iOS/Android | yes | -| trimWhitespace |trim image whitespace|boolean| no | iOS/Android | yes | -| webStyle |webview style for overwrite default style, all style: https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/h5/css/signature-pad.css |string| no | iOS/Android | yes | -| androidLayerType |Sets the android webview layerType |none、software、hardware| no | Android | no | -| androidHardwareAccelerationDisabled |androidHardwareAccelerationDisabled for react-native-webview. Default is false |boolean| no | Android | no | -| showsVerticalScrollIndicator |Boolean value that determines whether a vertical scroll indicator is shown in the WebView, The default value is true.|boolean| no | iOS/Android | no | -| nestedScrollEnabled |enable nested scrolling for use inside of a scrollview|boolean| no | no | no | +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | +| autoClear | should auto clear the signature after clicking the Confirm button |boolean| no | iOS/Android | yes | +| backgroundColor | default is "rgba(255,255,255,0)" (transparent), background color of the canvas |string| no | iOS/Android | yes | +| bgHeight | height of the background image |number| no | iOS/Android | yes | +| bgWidth |width of the background image |number| no | iOS/Android | yes | +| bgSrc | background image source uri (url) |string| no | iOS/Android | yes | +| clearText |clear button text|string| no | iOS/Android | yes | +| confirmText |save button text |string| no | iOS/Android | yes | +| customHtml |html string that lets you modify things like the layout or elements |(injectedJavaScript: string) => string| no | iOS/Android | yes | +| dataURL |default is "", Base64 string, draws saved signature from dataURL. |string| no | iOS/Android | yes | +| descriptionText |description text for signature |string| no | iOS/Android | yes | +| dotSize |radius of a single dot (not stroke width) |number| no | iOS/Android | yes | +| imageType |"image/png" (default), "image/jpeg"、"image/svg+xml", imageType of exported signature|string| no | iOS/Android | yes | +| minWidth |minimum width of a line. Defaults to 0.5 |number| no | iOS/Android | yes | +| maxWidth |maximum width of a line. Defaults to 2.5 |number| no | iOS/Android | yes | +| minDistance5.0.1+ |add the next point only if the previous one is farther than x pixels. Defaults to 5 |number| no | iOS/Android | yes | +| onError5.0.1+ |callback function when an error occurs |function| no | iOS/Android | no | +| onOK |callback function after saving non-empty signature|function| no | iOS/Android | yes | +| onEmpty |callback function after trying to save an empty signature|function| no | iOS/Android | yes | +| onClear |callback function after clearing the signature|function| no | iOS/Android | yes | +| onGetData |callback function when getData() is called |function| no | iOS/Android | yes | +| onBegin |callback function when a new stroke is started |function| no | iOS/Android | yes | +| onEnd |callback function when the stroke has ended |function| no | iOS/Android | yes | +| onLoadEnd |callback function when the webview canvas load ended |function| no | iOS/Android | yes | +| onUndo |callback function when undo() is called |function| no | iOS/Android | yes | +| onRedo |callback function when redo() is called |function| no | iOS/Android | yes | +| onDraw |callback function when drawing is enabled |function| no | iOS/Android | yes | +| onErase |callback function when erasing is enabled |function| no | iOS/Android | yes | +| onChangePenColor |callback function after changing the pen color|function| no | iOS/Android | yes | +| onChangePenSize |callback function after changing the pen size |function| no | iOS/Android | yes | +| overlayHeight |height of the overlay image |number| no | iOS/Android | yes | +| overlayWidth |width of the overlay image |number| no | iOS/Android | yes | +| overlaySrc |overlay image source uri (url) must be .png with a transparent background |string| no | iOS/Android | yes | +| penColor |default is "black", color of pen|string| no | iOS/Android | yes | +| rotated |rotate signature pad 90 degrees |boolean| no | iOS/Android | yes | +| style |style of wrapper view|object| no | iOS/Android | yes | +| scrollable5.0.1+ |enable scrolling in the signature pad. Default is false|boolean| no | iOS/Android | yes | +| trimWhitespace |trim image whitespace|boolean| no | iOS/Android | yes | +| webStyle |webview style for overwrite default style, all style: https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/h5/css/signature-pad.css |string| no | iOS/Android | yes | +| androidLayerType |Sets the android webview layerType |none、software、hardware| no | Android | no | +| androidHardwareAccelerationDisabled |androidHardwareAccelerationDisabled for react-native-webview. Default is false |boolean| no | Android | no | +| showsVerticalScrollIndicator |Boolean value that determines whether a vertical scroll indicator is shown in the WebView, The default value is true.|boolean| no | iOS/Android | no | +| nestedScrollEnabled |enable nested scrolling for use inside of a scrollview|boolean| no | no | no | +| webviewProps5.0.1+ |Additional props to pass to the underlying WebView|object| no | iOS/Android | partially | @@ -183,17 +195,18 @@ const styles = StyleSheet.create({ -| Name | Description | Type | Required | Platform | HarmonyOS Support | -| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | -| clearSignature |Clear the current signature |function| no | iOS/Android | yes | -| changePenColor |Change pen color |function| no | iOS/Android | yes | -| changePenSize |Change pen size |function| no | iOS/Android | yes | -| draw |Enable drawing signature |function| no | iOS/Android | yes | -| erase |Enable erasing signature |function| no | iOS/Android | yes | -| getData |riggers the onGetData callback with a single data JSON string |function| no | iOS/Android | yes | -| readSignature |Reads the current signature on the canvas and triggers either the onOK or onEmpty callbacks |function| no | iOS/Android | yes | -| undo |Undo last stroke |function| no | iOS/Android | yes | -| redo |Redo last stroke |function| no | iOS/Android | yes | +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | +| clearSignature |Clear the current signature |function| no | iOS/Android | yes | +| changePenColor |Change pen color |function| no | iOS/Android | yes | +| changePenSize |Change pen size |function| no | iOS/Android | yes | +| draw |Enable drawing signature |function| no | iOS/Android | yes | +| erase |Enable erasing signature |function| no | iOS/Android | yes | +| getData |riggers the onGetData callback with a single data JSON string |function| no | iOS/Android | yes | +| readSignature |Reads the current signature on the canvas and triggers either the onOK or onEmpty callbacks |function| no | iOS/Android | yes | +| undo |Undo last stroke |function| no | iOS/Android | yes | +| redo |Redo last stroke |function| no | iOS/Android | yes | +| fromData5.0.1+ |Load signature data |function| no | no | no | @@ -202,9 +215,9 @@ const styles = StyleSheet.create({ ## 其他 - 1、minDistance属性版本问题: 此属性在4.7.3版本生效,npm包最新版本为4.7.2,如需使用,请从[Github](https://github.com/YanYuanFE/react-native-signature-canvas)下载最新代码使用; + 1、nestedScrollEnabled属性在 iOS,Android 不生效,harmonyOS与其表现一致;[issue#363](https://github.com/YanYuanFE/react-native-signature-canvas/issues/363) - 2、nestedScrollEnabled属性在 iOS,Android 不生效,harmonyOS与其表现一致;[issue#363](https://github.com/YanYuanFE/react-native-signature-canvas/issues/363) + 2、fromData方法在 iOS,Android 不生效,harmonyOS与其表现一致;[issue#386](https://github.com/YanYuanFE/react-native-signature-canvas/issues/386) ## 开源协议 diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md index 305b2232b5528bdad4c8e0a0c66a927f41c5214d..715bfb25024c7e94cae639499dbe6bd97b6f8f1c 100644 --- a/zh-cn/react-native-sqlite-storage.md +++ b/zh-cn/react-native-sqlite-storage.md @@ -17,7 +17,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 6.0.1 | [@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | 0.72 | +| 6.0.2 | [@react-native-ohos/react-native-sqlite-storage Releases]() | 0.77 | + + 对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -26,13 +33,21 @@ #### **npm** ```bash +#6.0.1 npm install @react-native-oh-tpl/react-native-sqlite-storage + +#6.0.2 +npm install @react-native-ohos/react-native-sqlite-storage ``` #### **yarn** ```bash +#6.0.1 yarn add @react-native-oh-tpl/react-native-sqlite-storage + +#6.0.2 +yarn add @react-native-ohos/react-native-sqlite-storage ``` 下面的代码展示了这个库的基本使用场景: @@ -528,6 +543,8 @@ export default SQLiteDemo; ## 使用 Codegen +> [!TIP] V6.0.2 不需要执行 Codegen。 + 本库已经适配了 `Codegen` ,在使用前需要主动执行生成三方库桥接代码,详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link @@ -560,6 +577,8 @@ export default SQLiteDemo; 打开 `entry/oh-package.json5`,添加以下依赖 +- V6.0.1 + ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -567,6 +586,14 @@ export default SQLiteDemo; } ``` +- V6.0.2 + +```json +"dependencies": { +"@rnoh/react-native-openharmony": "file:../react_native_openharmony", "@react-native-ohos/react-native-sqlite-storage": "file:../../node_modules/@react-native-ohos/react-native-sqlite-storage/platforms/harmony/sqlite_storage.har" +} +``` + 点击右上角的 `sync` 按钮 或者在终端执行: @@ -587,8 +614,12 @@ ohpm install ```diff ... +//6.0.1 + import {SQLitePluginPackage} from '@react-native-oh-tpl/react-native-sqlite-storage/ts'; +//6.0.2 ++ import {SQLitePluginPackage} from '@react-native-ohos/react-native-sqlite-storage/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -597,7 +628,69 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 4.运行 +### 4.配置 CMakeLists 和引入 SqliteStoragePackage + +> [!TIP] V6.0.2 需要执行 + +打开 `entry/src/main/cpp/CMakeLists.txt`,添加: + +```diff +project(rnapp) +cmake_minimum_required(VERSION 3.4.1) +set(CMAKE_SKIP_BUILD_RPATH TRUE) +set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}") +set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules") ++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules") +set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp") +set(LOG_VERBOSITY_LEVEL 1) +set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments") +set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie") +set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use +add_compile_definitions(WITH_HITRACE_SYSTRACE) + +add_subdirectory("${RNOH_CPP_DIR}" ./rn) + +# RNOH_BEGIN: manual_package_linking_1 +add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-sqlite-storage/src/main/cpp" ./sqlite_storage) + +# RNOH_END: manual_package_linking_1 + +file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") + +add_library(rnoh_app SHARED + ${GENERATED_CPP_FILES} + "./PackageProvider.cpp" + "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp" +) +target_link_libraries(rnoh_app PUBLIC rnoh) + +# RNOH_BEGIN: manual_package_linking_2 +target_link_libraries(rnoh_app PUBLIC rnoh_sample_package) ++ target_link_libraries(rnoh_app PUBLIC rnoh_sqlite_storage) +# RNOH_END: manual_package_linking_2 +``` + +打开 `entry/src/main/cpp/PackageProvider.cpp`,添加: + +```diff +#include "RNOH/PackageProvider.h" +#include "generated/RNOHGeneratedPackage.h" +#include "SamplePackage.h" ++ #include "SqliteStoragePackage.h" + +using namespace rnoh; + +std::vector> PackageProvider::getPackages(Package::Context ctx) { + return { + std::make_shared(ctx), + std::make_shared(ctx), ++ std::make_shared(ctx), + }; +} +``` + +### 5.运行 点击右上角的 `sync` 按钮 @@ -614,7 +707,12 @@ ohpm install 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 6.0.1 | [@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | 0.72 | +| 6.0.2 | [@react-native-ohos/react-native-sqlite-storage Releases]() | 0.77 | ## 静态方法 diff --git a/zh-cn/react-native-stickyheader.md b/zh-cn/react-native-stickyheader.md index dc56fa908b84732cf53a8fcca8196d8800849b06..167c59280af6d6cdcbb65e866d17f0632041af7e 100644 --- a/zh-cn/react-native-stickyheader.md +++ b/zh-cn/react-native-stickyheader.md @@ -18,7 +18,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.1.3 | [@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases) | 0.72 | +| 1.1.4 | [@react-native-ohos/react-native-stickyheader Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -27,13 +34,19 @@ #### **npm** ```bash +#v1.1.3 npm install @react-native-oh-tpl/react-native-stickyheader +#v1.1.4 +npm install @react-native-ohos/react-native-stickyheader ``` #### **yarn** ```bash +#v1.1.3 yarn add @react-native-oh-tpl/react-native-stickyheader +#v1.1.4 +yarn add @react-native-ohos/react-native-stickyheader ``` @@ -145,4 +158,3 @@ export default App; 本项目基于 [The MIT License (MIT)](https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE) ,请自由地享受和参与开源。 - diff --git a/zh-cn/react-native-svg-charts.md b/zh-cn/react-native-svg-charts.md index a2f5f5c099925776cddaaea7c8ce27b9cc051bd2..c26cb19a462f5337c7424cb6999dc547c0bb07f2 100644 --- a/zh-cn/react-native-svg-charts.md +++ b/zh-cn/react-native-svg-charts.md @@ -18,7 +18,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息:[https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases) 。 + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 5.3.0 | [https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases) | 0.72 | +| 5.3.1 | [https://github.com/react-native-ohos/react-native-svg-charts Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -27,13 +34,19 @@ #### **npm** ```bash +#v5.3.0 npm install @react-native-oh-tpl/react-native-svg-charts +#v5.3.1 +npm install @react-native-ohos/react-native-svg-charts ``` #### **yarn** ```bash +#v5.3.0 yarn add @react-native-oh-tpl/react-native-svg-charts +#v5.3.1 +yarn add @react-native-ohos/react-native-svg-charts ``` diff --git a/zh-cn/react-native-swipe-list-view.md b/zh-cn/react-native-swipe-list-view.md index a65331a0d1691b07bcfb26fc67caf4503182caa1..dfe946402f13647782c1f2676b0cdec9013468cc 100644 --- a/zh-cn/react-native-swipe-list-view.md +++ b/zh-cn/react-native-swipe-list-view.md @@ -18,7 +18,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 3.2.9 | [@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/) | 0.72 | +| 3.3.0 | [@react-native-ohos/react-native-swipe-list-view Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -27,13 +34,19 @@ #### **npm** ```bash +#v3.2.9 npm install --save @react-native-oh-tpl/react-native-swipe-list-view +#v3.3.0 +npm install --save @react-native-ohos/react-native-swipe-list-view ``` #### **yarn** ```bash +#v3.2.9 yarn add @react-native-oh-tpl/react-native-swipe-list-view +#v3.3.0 +yarn add @react-native-ohos/react-native-swipe-list-view ``` @@ -211,7 +224,12 @@ const styles = StyleSheet.create({ 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 3.2.9 | [@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/) | 0.72 | +| 3.3.0 | [@react-native-ohos/react-native-swipe-list-view Releases]() | 0.77 | ## 属性 @@ -341,4 +359,3 @@ const styles = StyleSheet.create({ 本项目基于 [The MIT License (MIT)](https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE) ,请自由地享受和参与开源。 -