diff --git a/en/jpush-react-native.md b/en/jpush-react-native.md index 14d6996be9c9c9088b574221c1ac4f4404b3574a..f2c2b8ed5ab56065b23ecd34368d318f5936c84e 100644 --- a/en/jpush-react-native.md +++ b/en/jpush-react-native.md @@ -12,13 +12,17 @@

-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/jpush-react-native) +This project is based on [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native). +Please go to the corresponding Release release address of the third-party library to view the version information of the Release package: +| Version | Package Name | Repository | Release | RN Version | +| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |------------| +| 3.1.1@deprecated | @react-native-oh-library/jpush-react-native Releases | [Github(deprecated)](https://github.com/react-native-oh-library/jpush-react-native/releases) | [Github deprecated](https://github.com/react-native-oh-library/jpush-react-native/releases) | 0.72 | +| 3.1.2 | @react-native-ohos/jpush-react-native Releases | [GitCode](https://gitcode.com/openharmony-sig/rntpc_jpush-react-native) | [GitCode Releases](https://gitcode.com/openharmony-sig/jpush-react-native/releases) | 0.72 | +| 3.2.0 | @react-native-ohos/jpush-react-native Releases | [GitCode](https://gitcode.com/openharmony-sig/rntpc_jpush-react-native) | [GitCode Releases](https://gitcode.com/openharmony-sig/jpush-react-native/releases) | 0.77 | ## Installation and Usage -Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/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: @@ -26,13 +30,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/jpush-react-native +npm install @react-native-ohos/jpush-react-native ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/jpush-react-native +yarn add @react-native-ohos/jpush-react-native ``` @@ -110,12 +114,10 @@ Method 1 (recommended): Use the HAR file. 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/jpush-react-native": "file:../../node_modules/@react-native-oh-tpl/jpush-react-native/harmony/jpush_react_native.har" + "@react-native-ohos/jpush-react-native": "file:../../node_modules/@react-native-ohos/jpush-react-native/harmony/jpush_react_native.har" } - ``` Click the `sync` button in the upper right corner. @@ -132,12 +134,59 @@ Method 2: Directly link to the source code. > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md). -### 3. Introducing RNJPushPackage to ArkTS +### 3. Configure CMakeLists and import RNJPushPackage + +> V3.2.0 requires configuring CMakeLists and importing RNJPushPackage. + +```diff +... + +project(rnapp) +cmake_minimum_required(VERSION 3.4.1) +set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}") ++ set(OH_MODULES "${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_END: manual_package_linking_1 +add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/jpush-react-native/src/main/cpp" ./jPushModule) +# RNOH_END: manual_package_linking_1 + +add_library(rnoh_app SHARED + "./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_jPushModule) +# RNOH_BEGIN: manual_package_linking_2 +``` + +Open `entry/src/main/cpp/PackageProvider.cpp`，and add： + +```diff +#include "RNOH/PackageProvider.h" ++ #include "JPushModulePackage.h" + +using namespace rnoh; + +std::vector> PackageProvider::getPackages(Package::Context ctx) { + return { ++ std::make_shared(ctx) +} +``` + +### 4. Introducing RNJPushPackage to ArkTS Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: ```diff -+ import {RNJPushPackage} from "@react-native-oh-tpl/jpush-react-native/ts"; ++ import {RNJPushPackage} from "@react-native-ohos/jpush-react-native/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -147,7 +196,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 4. Running +### 5. Running Click the `sync` button in the upper right corner. @@ -167,7 +216,10 @@ Then build and run the code. 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/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases) +Check the release version information in the release address of the third-party library: +1. RNOH: 0.72.33; SDK: HarmonyOS NEXT Beta1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; +2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; +3. RNOH:0.77.18; SDK:HarmonyOS 5.0.0.71(API Version 12 Release) ;IDE:DevEco Studio:5.1.1.830; ROM: HarmonyOS 5.1.0.150; ## Static Methods @@ -228,10 +280,8 @@ Check the release version information in the release address of the third-party | setSmartPushEnable(enable:boolean):void | Enable or disable intelligent push. |function | no | iOS,Android | no | | setGeofenceEnable(enable:boolean):void | Enable or disable geofencing. |function | no |Android | no | | setCollectControl(enable:boolean):void | Enable or disable centralized control. |function | no | iOS、Android | no | - ## Known Issues - [ ] setProperties、deleteProperties、cleanProperties、pageEnterTo、pageLeave、initCrashHandler、setMaxGeofenceNumber、deleteGeofence、addNotificationListener、addInappMessageListener，setCollectControl、setSmartPushEnable These methods are currently not supported in the Aurora Push HarmonyOS SDK[issue#1](https://github.com/react-native-oh-library/jpush-react-native/issues/1) - ## Others diff --git a/en/react-native-base64.md b/en/react-native-base64.md index 32051bc11d4c406470176fce0b985e2f26a94af0..dbb9af6d0e5c4bc07bf40e5415316f1cc13af12f 100644 --- a/en/react-native-base64.md +++ b/en/react-native-base64.md @@ -12,7 +12,12 @@

-> [!TIP] [GitHub address](https://github.com/eranbo/react-native-base64/tree/0.2.1) +Please go to the corresponding Release release address of the third-party library to view the version information of the Release package: + +| Version | RN Version | +| ---------- | ---------- | +| 0.2.2 | 0.72/0.77 | + ## Installation and Usage @@ -23,13 +28,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm i react-native-base64@0.2.1 +npm install react-native-base64@0.2.2 ``` #### **yarn** ```bash -yarn add react-native-base64@0.2.1 +yarn add react-native-base64@0.2.2 ``` @@ -109,7 +114,7 @@ This document is verified based on the following versions: 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61; 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71; - +3. RNOH：0.77.18; SDK:HarmonyOS 5.0.0.71(API Version 12 Release) ;IDE:DevEco Studio:5.1.1.830; ROM: HarmonyOS 5.1.0.150; ## Static Methods > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library. diff --git a/en/rn-placeholder.md b/en/rn-placeholder.md index d072643e046f4241a35513d67c1b5d32a6bf1404..4bf861ecfb1c6f8a644fc94db5a13697f7560e43 100644 --- a/en/rn-placeholder.md +++ b/en/rn-placeholder.md @@ -12,7 +12,11 @@

-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/rn-placeholder) +Please go to the corresponding Release release address of the third-party library to view the version information of the Release package: + +| Version | Support RN version | +| ----------| ---------- | +| 3.0.3 | 0.72/0.77 | ## Installation and Usage @@ -67,6 +71,7 @@ export default App; This document is verified based on the following versions: 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25; +2. RNOH: 0.77.18; SDK:HarmonyOS 5.1.1.208 (API Version 19 Release) ;IDE:DevEco Studio:5.1.1.830; ROM: HarmonyOS 6.0.0.112 SP12; ## Properties diff --git a/zh-cn/jpush-react-native.md b/zh-cn/jpush-react-native.md index 97e5c6d96c37667fb289ce7c3da8aa3ebdbb12dd..34742b74d746423de8f957f4cacb72c8e7382827 100644 --- a/zh-cn/jpush-react-native.md +++ b/zh-cn/jpush-react-native.md @@ -12,12 +12,17 @@

-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/jpush-react-native) +本项目基于 [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native) 开发。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| Version | Package Name | Repository | Release | RN Version | +| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |------------| +| 3.1.1@deprecated | @react-native-oh-library/jpush-react-native Releases | [Github(deprecated)](https://github.com/react-native-oh-library/jpush-react-native/releases) | [Github deprecated](https://github.com/react-native-oh-library/jpush-react-native/releases) | 0.72 | +| 3.1.2 | @react-native-ohos/jpush-react-native Releases | [GitCode](https://gitcode.com/openharmony-sig/rntpc_jpush-react-native) | [GitCode Releases](https://gitcode.com/openharmony-sig/jpush-react-native/releases) | 0.72 | +| 3.2.0 | @react-native-ohos/jpush-react-native Releases | [GitCode](https://gitcode.com/openharmony-sig/rntpc_jpush-react-native) | [GitCode Releases](https://gitcode.com/openharmony-sig/jpush-react-native/releases) | 0.77 | -## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +## 安装与使用 进入到工程目录并输入以下命令： @@ -25,13 +30,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/jpush-react-native +npm install @react-native-ohos/jpush-react-native ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/jpush-react-native +yarn add @react-native-ohos/jpush-react-native ``` @@ -113,12 +118,10 @@ export default App; 打开 `entry/oh-package.json5`，添加以下依赖 ```json - "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/jpush-react-native": "file:../../node_modules/@react-native-oh-tpl/jpush-react-native/harmony/jpush_react_native.har" + "@react-native-ohos/jpush-react-native": "file:../../node_modules/@react-native-ohos/jpush-react-native/harmony/jpush_react_native.har" } - ``` 点击右上角的 `sync` 按钮 @@ -134,13 +137,59 @@ ohpm install > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md) +### 3. 配置 CMakeLists 和引入 RNJPushPackage + +> V3.2.0 需要配置 CMakeLists 和引入 RNJPushPackage。 + +```diff +... + +project(rnapp) +cmake_minimum_required(VERSION 3.4.1) +set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}") ++ set(OH_MODULES "${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_END: manual_package_linking_1 +add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/jpush-react-native/src/main/cpp" ./jPushModule) +# RNOH_END: manual_package_linking_1 + +add_library(rnoh_app SHARED + "./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_jPushModule) +# RNOH_BEGIN: manual_package_linking_2 +``` + +打开 `entry/src/main/cpp/PackageProvider.cpp`，添加： + +```diff +#include "RNOH/PackageProvider.h" ++ #include "JPushModulePackage.h" + +using namespace rnoh; + +std::vector> PackageProvider::getPackages(Package::Context ctx) { + return { ++ std::make_shared(ctx) +} +``` -### 3. 在 ArkTs 侧引入 RNJPushPackage +### 4. 在 ArkTs 侧引入 RNJPushPackage 打开 `entry/src/main/ets/RNPackagesFactory.ts`，由于引入的是ets文件，请将RNPackagesFactory.ts文件名后缀 ts 修改为 ets，添加： ```diff -+ import {RNJPushPackage} from "@react-native-oh-tpl/jpush-react-native/ts"; ++ import {RNJPushPackage} from "@react-native-ohos/jpush-react-native/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -150,7 +199,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 4. 运行 +### 5. 运行 点击右上角的 `sync` 按钮 @@ -170,7 +219,9 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases) +1. RNOH: 0.72.33; SDK:HarmonyOS NEXT Beta1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; +2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; +3. RNOH:0.77.18; SDK:HarmonyOS 5.0.0.71(API Version 12 Release) ;IDE:DevEco Studio:5.1.1.830; ROM: HarmonyOS 5.1.0.150; ## 静态方法 diff --git a/zh-cn/react-native-base64.md b/zh-cn/react-native-base64.md index e81479f23857a88c4744ba374be6621404a5f6c8..c794194a4e39e6f3bdd02b47d4229c203e6be1dc 100644 --- a/zh-cn/react-native-base64.md +++ b/zh-cn/react-native-base64.md @@ -12,7 +12,11 @@

-> [!TIP] [Github 地址](https://github.com/eranbo/react-native-base64/tree/0.2.1) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 支持RN版本 | +| ---------- | ---------- | +| 0.2.2 | 0.72/0.77 | ## 安装与使用 @@ -23,13 +27,13 @@ #### **npm** ```bash -npm i react-native-base64@0.2.1 +npm install react-native-base64@0.2.2 ``` #### **yarn** ```bash -yarn add react-native-base64@0.2.1 +yarn add react-native-base64@0.2.2 ``` @@ -109,6 +113,7 @@ const styles = StyleSheet.create({ 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61; 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71; +3. RNOH：0.77.18; SDK:HarmonyOS 5.0.0.71(API Version 12 Release) ;IDE:DevEco Studio:5.1.1.830; ROM: HarmonyOS 5.1.0.150; ## 静态方法: @@ -116,11 +121,11 @@ const styles = StyleSheet.create({ > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。 -| Name | Description | Type | Required | Platform | HarmonyOS Support | -| ---- | ----------- | ---- | -------- | -------- | ------------------ | -| encode | encode from string | string | no | Android、iOS | yes | -| decode | decode base64 strings | string | no | Android、iOS | yes | -| encodeFromByteArray | encode from Unit8Array | Unit8Array | no | Android、iOS | yes | +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| ---- | ----------- | ---- | -------- |-------------| ------------------ | +| encode | 从字符串编码 | string | no | Android iOS | yes | +| decode | 解码 base64 字符串 | string | no | Android iOS | yes | +| encodeFromByteArray | 从 Unit8Array 编码 | Unit8Array | no | Android iOS | yes | ## 遗留问题 diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md index d00798bca59d1fb313fea9c395afd70fac635393..57a196c958c2f6486a6f0a0fe6281734ffaa5fc0 100644 --- a/zh-cn/rn-placeholder.md +++ b/zh-cn/rn-placeholder.md @@ -12,7 +12,12 @@

-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/rn-placeholder) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 支持RN版本 | +| ----------| ---------- | +| 3.0.3 | 0.72/0.77 | + ## 安装与使用 @@ -65,6 +70,7 @@ export default App; 本文档内容基于以下版本验证通过： 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25; +2. RNOH: 0.77.18; SDK:HarmonyOS 5.1.1.208 (API Version 19 Release) ;IDE:DevEco Studio:5.1.1.830; ROM: HarmonyOS 6.0.0.112 SP12; ## 属性 @@ -76,47 +82,47 @@ export default App; **组件 Placeholder** -It's the wrapper around all of the other components. Using alone will not produce anything interesting. You have put some line or media inside to make it powerful.It accepts all the props of a React Native View plus: +它是所有其他组件的外层包装。单独使用并不会产生有趣的效果；需要在其中放入一些行或媒体来发挥作用。它接受 React Native View 的全部属性，另外还包含： | Name | Description | Type | Required | Platform | HarmonyOS Support | | --------- | --------------------------------------------------- | ------------- | -------- | -------- | ----------------- | -| Animation | An optional component that animates the placeholder | Animations | no | All | Yes | -| Left | An optional component to display on the left | ComponentType | no | All | Yes | -| Right | An optional component to display on the right | ComponentType | no | All | Yes | +| Animation | 一个可选组件，用于为占位符添加动画效果 | Animations | no | All | Yes | +| Left | 一个可选组件，显示在左侧 | ComponentType | no | All | Yes | +| Right | 一个可选组件，显示在右侧 | ComponentType | no | All | Yes | **_Animations_** | Name | Description | Type | Required | Platform | HarmonyOS Support | | --------- | -------------------------------------------------- | ------------- | -------- | -------- | -------- | -| Fade | This is the base animation that makes the placeholder become clearer on a specified interval| ComponentType | no | All | Yes | -| ShineOverlay | This applies a tiny overlay from left to right of the placeholder. It's pretty neat but it has the drawback to only work without style customization: only on white background with gray lines |ComponentType| no | All | Yes | -| Shine | The shine animation is an attempt to overcome the overlay problem of the ShineOverlay animation by animating only the differnt part of the placeholder | ComponentType | no | All | Yes | -| Loader | A simple placeholder animation based on the standard loader (ActivityIndicator) of each platforms | ComponentType | no | All | Yes | -| Progressive | A progressive loading animation effect | ComponentType | no | All | Yes | -| Tweaking existing animations | It's possible to tweak a specific animation by passing it additional props. However keep in mind that it's important to spread the props from the Animation render function. Else you will be in strange behaviors| ComponentType | no | All | Yes | +| Fade | 这是基础动画，会在指定的时间间隔让占位内容逐渐清晰| ComponentType | no | All | Yes | +| ShineOverlay | 这会向占位符应用一个从左到右的 tiny 覆盖层。效果不错，但仅在不自定义样式时有效：仅在白色背景上显示灰色线|ComponentType| no | All | Yes | +| Shine | 这个 shine 动画试图通过仅动画占位符的不同部分来克服 ShineOverlay 动画的覆盖层问题 | ComponentType | no | All | Yes | +| Loader | 这是一个基于每个平台标准加载器（ActivityIndicator）的简单占位符动画| ComponentType | no | All | Yes | +| Progressive | 一个渐进加载动画效果 | ComponentType | no | All | Yes | +| Tweaking existing animations | 可以通过传递附加属性来调整特定动画。然而请记住，重要的是要将属性从 Animation 渲染函数中传播出来。否则会出现异常行为| ComponentType | no | All | Yes | **组件 PlaceholderLine** -A PlaceholderLine is one of the two basic and visual components of a placeholder. +PlaceholderLine 是占位符的两种基础且可视的组件之一。 | Name | Description | Type | Required | Platform | HarmonyOS Support | | -------- | ---------------------------------------------------------------------- | ------- | -------- | -------- | ----------------- | -| height | The line height, default is 12 | number | no | All | Yes | -| color | The line color, default is #efefef | string | no | All | Yes | -| width | The line width in percent, default is 100(%) | number | no | All | Yes | -| noMargin | Defines if a line should have a margin bottom or not, default is false | boolean | no | All | Yes | -| style | Customize the style of the underlying View component | object | no | All | Yes | +| height | 行高，默认值为 12 | number | no | All | Yes | +| color | 颜色，默认值为 #efefef | string | no | All | Yes | +| width | 行宽，默认值为 100(%) | number | no | All | Yes | +| noMargin | 是否带有底部边距，默认值为 false | boolean | no | All | Yes | +| style | 自定义底层 View 组件的样式 | object | no | All | Yes | **组件 PlaceholderMedia** -A PlaceholderMedia is the second of the two basic and visual components of a placeholder. It can be used a single placeholder like following: +PlaceholderMedia 是占位符的两种基础且可视的组件中的另一个。它也可以像下面这样单独作为占位使用： | Name | Description | Type | Required | Platform | HarmonyOS Support | | ------- | -------------------------------------------------------- | ------- | -------- | -------- | ----------------- | -| size | The media size (height / width), default is 40 | number | no | All | Yes | -| isRound | Defines if the media is rounded or not, default is false | boolean | no | All | Yes | -| color | The media color, default is #efefef | string | no | All | Yes | -| style | Customize the style of the underlying View component | object | no | All | Yes | +| size | 媒体大小（高度 / 宽度），默认值为 40 | number | no | All | Yes | +| isRound | 定义媒体是否为圆角， 默认值为 false | boolean | no | All | Yes | +| color | 媒体颜色，默认值为 #efefef | string | no | All | Yes | +| style | 自定义底层 View 组件的样式 | object | no | All | Yes | ## 遗留问题 ## 其他