From 75885da7c4ec1b040a3e10f6514b77b9a8f4fb29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=A3=E9=9D=92=E9=A3=9E?=
Date: Sat, 7 Dec 2024 16:41:50 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20[Issues:=20#IB9RE4]=20=E4=BF=AE?=
=?UTF-8?q?=E6=94=B9react-native-community-toolbar-android=E6=8C=87?=
=?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Signed-off-by: 代青飞
---
en/react-native-community-toolbar-android.md | 131 ++++++++++-------
.../react-native-community-toolbar-android.md | 136 ++++++++++--------
2 files changed, 154 insertions(+), 113 deletions(-)
diff --git a/en/react-native-community-toolbar-android.md b/en/react-native-community-toolbar-android.md
index 043ca342..30dd2a44 100644
--- a/en/react-native-community-toolbar-android.md
+++ b/en/react-native-community-toolbar-android.md
@@ -1,39 +1,34 @@
-> Template version: v0.2.2
+> Template version: v0.2.2-rc.1
@react-native-community/toolbar-android
-
-
-
-
-
-
-
-
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/toolbar-android/tree/sig)
+This project is based on [@react-native-toolbar-android/toolbar-android@v0.2.1](https://github.com/react-native-toolbar-android/toolbar-android).
-## Installation and Usage
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/toolbar-android`, The version correspondence details are as follows:
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
-
-Go to the project directory and execute the following instruction:
+| Version | Package Name | Repository | Release |
+|-----------------| ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 0.2.1-0.0.4 | @react-native-oh-tpl/toolbar-android | [Github(deprecated)](https://github.com/react-native-oh-library/toolbar-android) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/toolbar-android/releases) |
+| >= 0.2.2 | @react-native-ohos/toolbar-android | [Gitee](https://gitee.com/openharmony-sig/rntpc_toolbar-android) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_toolbar-android/releases) |
+## 1.Installation and Usage
+Go to the project directory and execute the following instruction:
#### npm
```bash
-npm install @react-native-oh-tpl/toolbar-android
+npm install @react-native-ohos/toolbar-android
```
#### yarn
```bash
-yarn add @react-native-oh-tpl/toolbar-android
+yarn add @react-native-ohos/toolbar-android
```
@@ -119,27 +114,36 @@ const styles = StyleSheet.create({
export default App;
```
-## Link
+## 2.Manual Link
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+This step provides guidance for manually configuring native dependencies.
Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+### 2.1.Overrides RN SDK
+
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
```json
{
...
"overrides": {
- "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+ "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+ // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+ // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
}
}
```
-### 2. Introducing Native Code
+### 2.2.Introducing Native Code
Currently, two methods are available:
+- Use the HAR file.
+- Directly link to the source code。
+
Method 1 (recommended): Use the HAR file.
> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
@@ -148,8 +152,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
```json
"dependencies": {
- "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
- "@react-native-oh-tpl/toolbar-android": "file:../../node_modules/@react-native-oh-tpl/toolbar-android/harmony/toolbar_android.har"
+ "@react-native-ohos/toolbar-android": "file:../../node_modules/@react-native-ohos/toolbar-android/harmony/toolbar_android.har"
}
```
@@ -166,7 +169,7 @@ Method 2: Directly link to the source code.
> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
-### 3. Configuring CMakeLists and Introducing ToolbarAndroidPackage
+### 2.3.Configuring CMakeLists and Introducing ToolbarAndroidPackage
Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
@@ -186,7 +189,7 @@ add_compile_definitions(WITH_HITRACE_SYSTRACE)
# RNOH_BEGIN: manual_package_linking_1
add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/toolbar-android/src/main/cpp" ./toolbar-android)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/toolbar-android/src/main/cpp" ./toolbar-android)
# RNOH_END: manual_package_linking_1
add_library(rnoh_app SHARED
@@ -218,18 +221,36 @@ std::vector> PackageProvider::getPackages(Package::Cont
}
```
-### 4. Introducing RNCToolbarAndroid Component to ArkTS
+### 2.4.Introducing RNCCheckBoxPackage to ArkTS
+
+> [!TIP] Required for version `v0.2.22` and above
+
+Open `entry/src/main/ets/RNPackagesFactory.ts` and add:
+
+```diff
+ ...
++ import {ToolbarAndroidPackage} from '@react-native-ohos/toolbar-android/src/main/ets/ToolbarAndroidPackage';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+ return [
++ return [new ToolbarAndroidPackage(ctx)];
+ ];
+}
+
+```
+
+### 2.5.Introducing RNCToolbarAndroid Component to ArkTS
Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
```diff
...
-+ import { RNCToolbarAndroid, RNC_TOOLBAR_ANDROID_TYPE } from '@react-native-oh-tpl/toolbar-android/src/main/ets/RNCToolbarAndroid'
++ import { RNCToolbarAndroid} from '@react-native-ohos/toolbar-android/src/main/ets/RNCToolbarAndroid'
@Builder
function buildCustomRNComponent(ctx: ComponentBuilderContext) {
...
-+ if (ctx.componentName === RNC_TOOLBAR_ANDROID_TYPE) {
++ if (ctx.componentName === RNCToolbarAndroid.NAME) {
+ RNCToolbarAndroid({
+ ctx: ctx.rnComponentContext,
+ tag: ctx.tag
@@ -247,11 +268,11 @@ Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets`
```diff
const arkTsComponentNames: Array = [
...
-+ RNC_TOOLBAR_ANDROID_TYPE
++ RNCToolbarAndroid.NAME
];
```
-### 5. Running
+### 2.6.Running
Click the `sync` button in the upper right corner.
@@ -264,15 +285,15 @@ ohpm install
Then build and run the code.
-## Constraints
+## 3.Constraints
-### Compatibility
+### 3.1Compatibility
To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)
+Check the release version information in the release address of the third-party library: [@react-native-ohos/toolbar-android Releases](https://gitee.com/openharmony-sig/rntpc_toolbar-android/releases)
-## Properties
+## 4.Properties
> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
@@ -280,23 +301,23 @@ Check the release version information in the release address of the third-party
Inherits [View Props](https://reactnative.dev/docs/view#props).
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| actions | Sets possible actions on the toolbar as part of the action menu. These are displayed as icons or text on the right side of the widget. If they don't fit they are placed in an 'overflow' menu. | array of object: {title: string,icon: ImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No | Android | yes |
-| contentInsetStart | Sets the content inset for the toolbar starting edge. | number | No | Android | yes |
-| contentInsetEnd | Sets the content inset for the toolbar ending edge. | number | No | Android | yes |
-| logo | Sets the toolbar logo. | ImageSource | No | Android | yes |
-| navIcon | Sets the navigation icon. | ImageSource | No | Android | yes |
-| onActionSelected | Callback that is called when an action is selected. The only argument that is passed to the callback is the position of the action in the actions array. | function | No | Android | yes |
-| onIconClicked | Callback called when the icon is selected. | function | No | Android | yes |
-| overflowIcon | Sets the overflow icon. | ImageSource | No | Android | yes |
-| rtl | Used to set the toolbar direction to RTL. | bool | No | Android | yes |
-| subtitle | Sets the toolbar subtitle. | string | No | Android | yes |
-| subtitleColor | Sets the toolbar subtitle color. | string | No | Android | yes |
-| title | Sets the toolbar title. | string | Yes | Android | yes |
-| titleColor | Sets the toolbar title color. | string | No | Android | yes |
-
-#### Props of ImageSource
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |-----------| -------- | ----------------- |
+| actions | Sets possible actions on the toolbar as part of the action menu. These are displayed as icons or text on the right side of the widget. If they don't fit they are placed in an 'overflow' menu. | array of object: {title: string,icon: ImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No | Android | yes |
+| contentInsetStart | Sets the content inset for the toolbar starting edge. | number | No | Android | yes |
+| contentInsetEnd | Sets the content inset for the toolbar ending edge. | number | No | Android | yes |
+| logo | Sets the toolbar logo. | ImageSource | No | Android | yes |
+| navIcon | Sets the navigation icon. | ImageSource | No | Android | yes |
+| onActionSelected | Callback that is called when an action is selected. The only argument that is passed to the callback is the position of the action in the actions array. | function | No | Android | yes |
+| onIconClicked | Callback called when the icon is selected. | function | No | Android | yes |
+| overflowIcon | Sets the overflow icon. | ImageSource | No | Android | yes |
+| rtl | Used to set the toolbar direction to RTL. | bool | No | Android | yes |
+| subtitle | Sets the toolbar subtitle. | string | No | Android | yes |
+| subtitleColor | Sets the toolbar subtitle color. | string | No | Android | yes |
+| title | Sets the toolbar title. | string | No | Android | yes |
+| titleColor | Sets the toolbar title color. | string | No | Android | yes |
+
+#### 4.1.Props of ImageSource
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ------ | ------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
@@ -304,10 +325,10 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
| width | the width of the image | number | No | android | yes |
| height | the height of the image | number | No | android | yes |
-## Known Issues
+## 5.Known Issues
-## Others
+## 6.Others
-## License
+## 7.License
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_toolbar-android/blob/master/LICENSE).
diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
index 2c77d313..f2409f1d 100644
--- a/zh-cn/react-native-community-toolbar-android.md
+++ b/zh-cn/react-native-community-toolbar-android.md
@@ -1,22 +1,19 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.2.2-rc.1
@react-native-community/toolbar-android
-
-
-
-
-
-
-
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/toolbar-android/tree/sig)
+本项目基于 [@react-native-toolbar-android/toolbar-android@v0.2.1](https://github.com/react-native-toolbar-android/toolbar-android) 开发。
-## 安装与使用
+该第三方库的仓库已迁移至 Gitee,且支持直接从 npm 下载,新的包名为:`@react-native-ohos/toolbar-android`,具体版本所属关系如下:
-请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+| Version | Package Name | Repository | Release |
+|-----------------| ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 0.2.1-0.0.4 | @react-native-oh-tpl/toolbar-android | [Github(deprecated)](https://github.com/react-native-oh-library/toolbar-android) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/toolbar-android/releases) |
+| >= 0.2.2 | @react-native-ohos/toolbar-android | [Gitee](https://gitee.com/openharmony-sig/rntpc_toolbar-android) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_toolbar-android/releases) |
+
+## 1.安装与使用
进入到工程目录并输入以下命令:
@@ -25,13 +22,13 @@
#### npm
```bash
-npm install @react-native-oh-tpl/toolbar-android
+npm install @react-native-ohos/toolbar-android
```
#### yarn
```bash
-yarn add @react-native-oh-tpl/toolbar-android
+yarn add @react-native-ohos/toolbar-android
```
@@ -117,31 +114,37 @@ const styles = StyleSheet.create({
export default App;
```
-## Link
+## 2.Manual Link
+
+此步骤为手动配置原生依赖项的指导。
-目前 HarmonyOS 暂不支持 AutoLink,所以 Link 步骤需要手动配置。
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+### 2.1.Overrides RN SDK
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+为了让工程依赖同一个版本的 RN SDK,需要在工程根目录的 `oh-package.json5` 添加 overrides 字段,指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号,也可以是一个模糊版本,还可以是本地存在的 HAR 包或源码目录。
+
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
```json
{
...
"overrides": {
- "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+ "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+ // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+ // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
}
}
```
-### 2.引入原生端代码
+### 2.2.引入原生端代码
目前有两种方法:
-1. 通过 har 包引入(在 IDE 完善相关功能后该方法会被遗弃,目前首选此方法);
-2. 直接链接源码。
+- 通过 har 包引入;
+- 直接链接源码。
-方法一:通过 har 包引入
+方法一:通过 har 包引入(推荐)
> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
@@ -149,14 +152,13 @@ export default App;
```json
"dependencies": {
- "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
- "@react-native-oh-tpl/toolbar-android": "file:../../node_modules/@react-native-oh-tpl/toolbar-android/harmony/toolbar_android.har"
+ "@react-native-ohos/toolbar-android": "file:../../node_modules/@react-native-ohos/toolbar-android/harmony/toolbar_android.har"
}
```
点击右上角的 `sync` 按钮
-或者在终端执行:
+或者在命令行终端执行:
```bash
cd entry
@@ -167,7 +169,7 @@ ohpm install
> [!TIP] 如需使用直接链接源码,请参考[直接链接源码说明](/zh-cn/link-source-code.md)
-### 3.配置 CMakeLists 和引入 ToolbarAndroidPackage
+### 2.3.配置 CMakeLists 和引入 ToolbarAndroidPackage
打开 `entry/src/main/cpp/CMakeLists.txt`,添加:
@@ -187,7 +189,7 @@ add_compile_definitions(WITH_HITRACE_SYSTRACE)
# RNOH_BEGIN: manual_package_linking_1
add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/toolbar-android/src/main/cpp" ./toolbar-android)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/toolbar-android/src/main/cpp" ./toolbar-android)
# RNOH_END: manual_package_linking_1
add_library(rnoh_app SHARED
@@ -219,18 +221,36 @@ std::vector> PackageProvider::getPackages(Package::Cont
}
```
-### 4.在 ArkTs 侧引入 RNCToolbarAndroid 组件
+### 2.4.在 ArkTs 侧引入 RNCCheckBoxPackage
+
+> [!TIP] 版本 v0.2.22 及以上需要
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`,添加:
+
+```diff
+ ...
++ import {ToolbarAndroidPackage} from '@react-native-ohos/toolbar-android/src/main/ets/ToolbarAndroidPackage';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+ return [
++ return [new ToolbarAndroidPackage(ctx)];
+ ];
+}
+
+```
+
+### 2.5.在 ArkTs 侧引入 RNCToolbarAndroid 组件
找到 **function buildCustomRNComponent()**,一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`,添加:
```diff
...
-+ import { RNCToolbarAndroid, RNC_TOOLBAR_ANDROID_TYPE } from '@react-native-oh-tpl/toolbar-android/src/main/ets/RNCToolbarAndroid'
++ import { RNCToolbarAndroid} from '@react-native-ohos/toolbar-android/src/main/ets/RNCToolbarAndroid'
@Builder
function buildCustomRNComponent(ctx: ComponentBuilderContext) {
...
-+ if (ctx.componentName === RNC_TOOLBAR_ANDROID_TYPE) {
++ if (ctx.componentName === RNCToolbarAndroid.NAME) {
+ RNCToolbarAndroid({
+ ctx: ctx.rnComponentContext,
+ tag: ctx.tag
@@ -248,11 +268,11 @@ std::vector> PackageProvider::getPackages(Package::Cont
```diff
const arkTsComponentNames: Array = [
...
-+ RNC_TOOLBAR_ANDROID_TYPE
++ RNCToolbarAndroid.NAME
];
```
-### 5.运行
+### 2.6.运行
点击右上角的 `sync` 按钮
@@ -265,15 +285,15 @@ ohpm install
然后编译、运行即可。
-## 约束与限制
+## 3.约束与限制
-### 兼容性
+### 3.1兼容性
要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-ohos/toolbar-android Releases](https://gitee.com/openharmony-sig/rntpc_toolbar-android/releases)
-## 属性
+## 4.属性
> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
@@ -281,23 +301,23 @@ ohpm install
Inherits [View Props](https://reactnative.dev/docs/view#props).
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| actions | Sets possible actions on the toolbar as part of the action menu. These are displayed as icons or text on the right side of the widget. If they don't fit they are placed in an 'overflow' menu. | array of object: {title: string,icon: ImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No | Android | yes |
-| contentInsetStart | Sets the content inset for the toolbar starting edge. | number | No | Android | yes |
-| contentInsetEnd | Sets the content inset for the toolbar ending edge. | number | No | Android | yes |
-| logo | Sets the toolbar logo. | ImageSource | No | Android | yes |
-| navIcon | Sets the navigation icon. | ImageSource | No | Android | yes |
-| onActionSelected | Callback that is called when an action is selected. The only argument that is passed to the callback is the position of the action in the actions array. | function | No | Android | yes |
-| onIconClicked | Callback called when the icon is selected. | function | No | Android | yes |
-| overflowIcon | Sets the overflow icon. | ImageSource | No | Android | yes |
-| rtl | Used to set the toolbar direction to RTL. | bool | No | Android | yes |
-| subtitle | Sets the toolbar subtitle. | string | No | Android | yes |
-| subtitleColor | Sets the toolbar subtitle color. | string | No | Android | yes |
-| title | Sets the toolbar title. | string | Yes | Android | yes |
-| titleColor | Sets the toolbar title color. | string | No | Android | yes |
-
-#### Props of ImageSource
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |-----------| -------- | ----------------- |
+| actions | Sets possible actions on the toolbar as part of the action menu. These are displayed as icons or text on the right side of the widget. If they don't fit they are placed in an 'overflow' menu. | array of object: {title: string,icon: ImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No | Android | yes |
+| contentInsetStart | Sets the content inset for the toolbar starting edge. | number | No | Android | yes |
+| contentInsetEnd | Sets the content inset for the toolbar ending edge. | number | No | Android | yes |
+| logo | Sets the toolbar logo. | ImageSource | No | Android | yes |
+| navIcon | Sets the navigation icon. | ImageSource | No | Android | yes |
+| onActionSelected | Callback that is called when an action is selected. The only argument that is passed to the callback is the position of the action in the actions array. | function | No | Android | yes |
+| onIconClicked | Callback called when the icon is selected. | function | No | Android | yes |
+| overflowIcon | Sets the overflow icon. | ImageSource | No | Android | yes |
+| rtl | Used to set the toolbar direction to RTL. | bool | No | Android | yes |
+| subtitle | Sets the toolbar subtitle. | string | No | Android | yes |
+| subtitleColor | Sets the toolbar subtitle color. | string | No | Android | yes |
+| title | Sets the toolbar title. | string | No | Android | yes |
+| titleColor | Sets the toolbar title color. | string | No | Android | yes |
+
+#### 4.1.Props of ImageSource
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ------ | ------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
@@ -305,10 +325,10 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
| width | the width of the image | number | No | android | yes |
| height | the height of the image | number | No | android | yes |
-## 遗留问题
+## 5.遗留问题
-## 其他
+## 6.其他
-## 开源协议
+## 7.开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE) ,请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_toolbar-android/blob/master/LICENSE) ,请自由地享受和参与开源。
--
Gitee