diff --git a/zh-cn/NativeBase.md b/zh-cn/NativeBase.md index aa654fe9b0068f3745203438d6060ee3cda6f402..197a4bdd1b091058b3238a8cb5886504ba451548 100644 --- a/zh-cn/NativeBase.md +++ b/zh-cn/NativeBase.md @@ -18,7 +18,14 @@ -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN0.77 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 3.4.28 | [@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases) | 0.72 | +| 3.4.29 | [@react-native-ohos/native-base Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -28,13 +35,21 @@ #### **npm** ```bash +# V3.4.28 npm install @react-native-oh-tpl/native-base + +# V3.4.29 +npm install @react-native-ohos/native-base ``` #### **yarn** ```bash +# V3.4.28 yarn add @react-native-oh-tpl/native-base + +# V3.4.29 +yarn add @react-native-ohos/native-base ``` @@ -114,7 +129,12 @@ const styles = StyleSheet.create({ 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-oh-tpl-native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 3.4.28 | [@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases) | 0.72 | +| 3.4.29 | [@react-native-ohos/native-base Releases]() | 0.77 | ## 组件 diff --git a/zh-cn/react-native-awesome-gallery.md b/zh-cn/react-native-awesome-gallery.md index 5ac5a65b53c94f138b015daddb9c055f70e83085..045bd65dc5a9525c6cdb5d0254ac196ad40202d9 100644 --- a/zh-cn/react-native-awesome-gallery.md +++ b/zh-cn/react-native-awesome-gallery.md @@ -24,13 +24,13 @@ #### **npm** ```bash -npm install react-native-awesome-gallery@0.4.2 +npm install react-native-awesome-gallery@0.4.3 ``` #### **yarn** ```bash -yarn add react-native-awesome-gallery@0.4.2 +yarn add react-native-awesome-gallery@0.4.3 ``` diff --git a/zh-cn/react-native-crypto.md b/zh-cn/react-native-crypto.md index 548b1ad28620e48cc1d246a763046f95f2f544df..86c47a9974cfb1ebf3ff377ab3a8b16fb925d4ee 100644 --- a/zh-cn/react-native-crypto.md +++ b/zh-cn/react-native-crypto.md @@ -24,13 +24,13 @@ #### **npm** ```bash -npm install react-native-crypto@2.2.0 +npm install react-native-crypto@2.2.1 ``` #### **yarn** ```bash -yarn add react-native-crypto@2.2.0 +yarn add react-native-crypto@2.2.1 ``` diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md index d57d58ebfb6fb81d9a0057884efc82bbe8bbe7cf..e10601f01a7034e12e8174cdeedfa1f389b0c1df 100644 --- a/zh-cn/react-native-drag-sort.md +++ b/zh-cn/react-native-drag-sort.md @@ -17,22 +17,38 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.4.4 | [@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases) | 0.72 | +| 2.4.5 | [@react-native-ohos/react-native-drag-sort Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: + + #### **yarn** ```bash +# V2.4.4 yarn add @react-native-oh-tpl/react-native-drag-sort + +# V2.4.5 +yarn add @react-native-ohos/react-native-drag-sort ``` #### **npm** ```bash +# V2.4.4 npm install @react-native-oh-tpl/react-native-drag-sort + +# V2.4.5 +npm install @react-native-ohos/react-native-drag-sort ``` ### Tip @@ -567,7 +583,14 @@ const styles = StyleSheet.create({ 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.4.4 | [@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases) | 0.72 | +| 2.4.5 | [@react-native-ohos/react-native-drag-sort Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 + ## 属性 diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md index cdb379f17275fe2a210627ec0e15bf2707cc04c9..42df93a45ab32f52a98221f8d5703c3ff161f1f6 100644 --- a/zh-cn/react-native-fileupload.md +++ b/zh-cn/react-native-fileupload.md @@ -17,7 +17,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.1.0 | [@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases) | 0.72 | +| 1.1.1 | [@react-native-ohos/react-native-fileupload Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-fileupload) | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -26,13 +33,21 @@ #### **npm** ```bash +#1.1.0 npm install @react-native-oh-tpl/react-native-fileupload + +#1.1.1 +npm install @react-native-ohos/react-native-fileupload ``` #### **yarn** ```bash +#1.1.0 yarn add @react-native-oh-tpl/react-native-fileupload + +#1.1.1 +yarn add @react-native-ohos/react-native-fileupload ``` @@ -119,6 +134,8 @@ let styles = StyleSheet.create({ ## 使用 Codegen +> [!TIP] V1.1.1不需要执行 Codegen。 + 本库已经适配了 `Codegen` ,在使用前需要主动执行生成三方库桥接代码,详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link @@ -150,6 +167,8 @@ let styles = StyleSheet.create({ 打开 `entry/oh-package.json5`,添加以下依赖 +- V1.1.0 + ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -157,6 +176,15 @@ let styles = StyleSheet.create({ } ``` +- V1.1.1 + +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-fileupload": "file:../../node_modules/@react-native-ohos/react-native-fileupload/harmony/fileupload.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行: @@ -176,7 +204,10 @@ ohpm install ```diff ... + //1.1.0 + import {FileUpLoadPackage} from '@react-native-oh-tpl/react-native-fileupload/ts'; + //1.1.1 ++ import {RNPerformancePackage} from '@react-native-ohos/react-native-fileupload/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -186,7 +217,69 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 4.运行 +### 4.配置 CMakeLists 和引入 FileuploadPackage + +> [!TIP] V1.1.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-fileupload/src/main/cpp" ./fileupload) + +# 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_fileupload) +# 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 "FileuploadPackage.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` 按钮 @@ -205,7 +298,12 @@ ohpm install 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.1.0 | [@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases) | 0.72 | +| 1.1.1 | [@react-native-ohos/react-native-fileupload Releases]() | 0.77 | ## API diff --git a/zh-cn/react-native-mask-text.md b/zh-cn/react-native-mask-text.md index 900b39b7f52683137ea89d9efd702961ebddb1c4..6a6998fa0dfa6f6d2725302a5b9818fa16aeabdd 100644 --- a/zh-cn/react-native-mask-text.md +++ b/zh-cn/react-native-mask-text.md @@ -23,13 +23,13 @@ #### **npm** ```bash -npm install react-native-mask-text@0.14.2 +npm install react-native-mask-text@0.15.0 ``` #### **yarn** ```bash -yarn add react-native-mask-text@0.14.2 +yarn add react-native-mask-text@0.15.0 ``` diff --git a/zh-cn/react-native-neomorph-shadows.md b/zh-cn/react-native-neomorph-shadows.md index 3ccaa4156976b143397a90c11272246a783c59b6..8ce3de50f427d23d56596c3a71b65044daf41968 100644 --- a/zh-cn/react-native-neomorph-shadows.md +++ b/zh-cn/react-native-neomorph-shadows.md @@ -17,7 +17,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.1.2 | [@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases) | 0.72 | +| 1.1.3 | [@react-native-ohos/react-native-neomorph-shadows Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-neomorph-shadows) | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -26,13 +33,21 @@ #### **npm** ```bash +# V1.1.2 npm install @react-native-oh-tpl/react-native-neomorph-shadows + +# V1.1.3 +npm install @react-native-ohos/react-native-neomorph-shadows ``` #### **yarn** ```bash +# V1.1.2 yarn add @react-native-oh-tpl/react-native-neomorph-shadows + +# V1.1.3 +yarn add @react-native-ohos/react-native-neomorph-shadows ``` @@ -114,7 +129,12 @@ const styles = StyleSheet.create({ 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.1.2 | [@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases) | 0.72 | +| 1.1.3 | [@react-native-ohos/react-native-neomorph-shadows Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-neomorph-shadows) | 0.77 | ## 属性 diff --git a/zh-cn/react-native-reanimated-bottom-sheet.md b/zh-cn/react-native-reanimated-bottom-sheet.md index 9ea02a9baf0097276ac1d2e49805ef826684e0fe..e928761b636a3277118878d91d23117df86c27ed 100644 --- a/zh-cn/react-native-reanimated-bottom-sheet.md +++ b/zh-cn/react-native-reanimated-bottom-sheet.md @@ -18,7 +18,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases) + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.0.0 | [@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases) | 0.72 | +| 1.0.1 | [@react-native-ohos/react-native-reanimated-bottom-sheet Releases]() | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -27,13 +34,19 @@ #### **npm** ```bash +#v1.0.0 npm install @react-native-oh-tpl/reanimated-bottom-sheet +#v1.0.1 +npm install @react-native-ohos/reanimated-bottom-sheet ``` #### **yarn** ```bash +#v1.0.0 yarn add @react-native-oh-tpl/reanimated-bottom-sheet +#v1.0.1 +yarn add @react-native-ohos/reanimated-bottom-sheet ``` @@ -123,7 +136,12 @@ export default function () { 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.0.0 | [@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases) | 0.72 | +| 1.0.1 | [@react-native-ohos/react-native-reanimated-bottom-sheet Releases]() | 0.77 | ## 属性 diff --git a/zh-cn/rn-emoji-keyboard.md b/zh-cn/rn-emoji-keyboard.md index 0146eb3651c70db6c36b64d620cccdb74e1640e5..e0ac02b8dbb3296e707ddb0d5d887275b2493e32 100644 --- a/zh-cn/rn-emoji-keyboard.md +++ b/zh-cn/rn-emoji-keyboard.md @@ -16,7 +16,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.7.0 | [[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases) ](https://github.com/react-native-oh-library/react-native-sortable-list/releases) | 0.72 | +| 1.7.1 | [@react-native-ohos/rn-emoji-keyboard Releases](https://gitcode.com/openharmony-sig/rntpc_rn-emoji-keyboard) | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -25,13 +32,19 @@ #### **npm** ```bash +#v1.7.0 npm install @react-native-oh-tpl/rn-emoji-keyboard +#v1.7.1 +npm install @react-native-ohos/rn-emoji-keyboard ``` #### **yarn** ```bash +#v1.7.0 yarn add @react-native-oh-tpl/rn-emoji-keyboard +#v1.7.1 +yarn add @react-native-ohos/rn-emoji-keyboard ``` @@ -143,7 +156,12 @@ const styles = StyleSheet.create({ 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.7.0 | [[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases) ](https://github.com/react-native-oh-library/react-native-sortable-list/releases) | 0.72 | +| 1.7.1 | [@react-native-ohos/rn-emoji-keyboard Releases]() | 0.77 | ## 属性 详细请查看 [rn-emoji-keyboard 的文档介绍](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)