diff --git a/en/react-native-amap3d.md b/en/react-native-amap3d.md index 83dd5f12a0042c1706a072a3f7ab4951b7fdf28e..7e9bc00163af455b60a05da1311562c73619db0f 100644 --- a/en/react-native-amap3d.md +++ b/en/react-native-amap3d.md @@ -13,14 +13,20 @@

-> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-amap3d) +This project is based on [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d). -## Installation and Usage +Find the matching version information in the release address of a third-party library: -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/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. +| Version | Package name | Repository | Release | Support RN version | +|---------|------------------------------------------|--------------------------------------------------------------------------|--------------------------------------------------------------------------------------------|---------------------| +| 3.2.4 | @react-native-oh-tpl/react-native-amap3d | [Github](https://github.com/react-native-oh-library/react-native-amap3d) | [Github Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) | 0.72 | +| 3.3.0 | @react-native-ohos/react-native-amap3d | [Github](https://github.com/react-native-oh-library/react-native-amap3d) | [Github Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) | 0.77 | -Go to the project directory and execute the following instruction: +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. +## Installation and Usage + +Go to the project directory and execute the following instruction: @@ -28,13 +34,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 0.72 npm install @react-native-oh-tpl/react-native-amap3d + +# 0.77 +npm install @react-native-ohos/react-native-amap3d ``` #### **yarn** ```bash +# 0.72 yarn add @react-native-oh-tpl/react-native-amap3d + +# 0.77 +yarn add @react-native-ohos/react-native-amap3d ``` @@ -187,6 +201,8 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: +- V0.72 + ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -194,6 +210,15 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- V0.77 + +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-amap3d": "file:../../node_modules/@react-native-ohos/react-native-amap3d/harmony/rn_amap3d.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -229,7 +254,13 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# V0.72 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-amap3d/src/main/cpp" ./rn_amap3d) + +# V0.77 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-amap3d/src/main/cpp" ./rn_amap3d) + # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -273,6 +304,7 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src ```diff ... +// V0.72 + import { + A_MAP_CIRCLE_VIEW_TYPE, + A_MAP_MARKER_TYPE, @@ -286,6 +318,20 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src + GOADE_MAP_VIEW_TYPE +} from '@react-native-oh-tpl/react-native-amap3d'; +// V0.77 ++ import { ++ A_MAP_CIRCLE_VIEW_TYPE, ++ A_MAP_MARKER_TYPE, ++ A_MAP_POLYGON_TYPE, ++ A_MAP_POLYLINE_TYPE, ++ AMapCircle, ++ AMapMarker, ++ AMapPolygon, ++ AMapPolyline, ++ AMapView, ++ GOADE_MAP_VIEW_TYPE ++} from '@react-native-ohos/react-native-amap3d'; + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -348,7 +394,12 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... +// V0.72 + import {AMap3DPackage} from '@react-native-oh-tpl/react-native-amap3d/ts'; + +// V0.77 ++ import {AMap3DPackage} from '@react-native-ohos/react-native-amap3d/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -376,7 +427,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/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) +Verified in the following versions. + +1. RNOH: 0.72.27; SDK: HarmonyOS 5.1.1 Release SDK; IDE: DevEco Studio 5.1.1 Release; ROM: 5.0.1.120; +2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; ## Properties diff --git a/en/react-native-country-picker-modal.md b/en/react-native-country-picker-modal.md index b4b8e4102c810eb1e3cb1eb4cfdc8d0ddb60029f..e0999d9370d1337a7bd8d0f12b8ccfd62f4b9399 100644 --- a/en/react-native-country-picker-modal.md +++ b/en/react-native-country-picker-modal.md @@ -12,11 +12,18 @@

-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-country-picker-modal) +This project is based on [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal). -## Installation and Usage +Find the matching version information in the release address of a third-party library： + +| Version | Package name | Repository | Release | Support RN version | +|---------|--------------------------------------------------------|-----------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------|--------------------| +| 2.0.0 | @react-native-oh-tpl/react-native-country-picker-modal | [Github](https://github.com/react-native-oh-library/react-native-country-picker-modal/) | [Github Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases) | 0.72 | +| 2.1.0 | @react-native-ohos/react-native-country-picker-modal | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-country-picker-modal) | [GitCode Releases]() | 0.77 | + +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. -Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-country-picker-modal Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/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. +## Installation and Usage Go to the project directory and execute the following instruction: @@ -25,13 +32,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 0.72 npm install @react-native-oh-tpl/react-native-country-picker-modal + +# 0.77 +npm install @react-native-ohos/react-native-country-picker-modal ``` #### **yarn** ```bash +# 0.72 yarn add @react-native-oh-tpl/react-native-country-picker-modal + +# 0.77 +yarn add @react-native-ohos/react-native-country-picker-modal ``` @@ -258,6 +273,7 @@ export function CountryPickerTest() { 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.403; ROM: 3.0.0.25; +2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112; ## Properties diff --git a/en/react-native-lightbox.md b/en/react-native-lightbox.md index 4d8afb13b412cbadc954a6a27e2bab776deea2d7..38e7da716b3af8e2bc4b5cae8592a65a1aa04988 100644 --- a/en/react-native-lightbox.md +++ b/en/react-native-lightbox.md @@ -14,6 +14,10 @@ > [!TIP] [GitHub address](https://github.com/cbbfcd/react-native-lightbox) +| Version |Support RN version | +|---------|-------------------| +| 0.9.2 | 0.72/0.77 | + ## Installation and Usage Go to the project directory and execute the following instruction: @@ -23,13 +27,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install react-native-lightbox-v2@0.9.0 +npm install react-native-lightbox-v2@0.9.2 ``` #### **yarn** ```bash -yarn add react-native-lightbox-v2@0.9.0 +yarn add react-native-lightbox-v2@0.9.2 ``` @@ -166,6 +170,7 @@ This document is verified based on the following versions: 1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18; 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 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112; ## Properties diff --git a/zh-cn/react-native-amap3d.md b/zh-cn/react-native-amap3d.md index 206a6540a1ddfe62602e49a5ab1885f59774e46a..1ddc33e917713b4f126d08a68f540940e0a3c9fe 100644 --- a/zh-cn/react-native-amap3d.md +++ b/zh-cn/react-native-amap3d.md @@ -14,20 +14,19 @@

-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-amap3d) - - -## 安装与使用 +本项目基于 [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) 开发。 请到三方库的 Releases 发布地址查看配套的版本信息： -| 三方库版本 | 发布信息 | 支持RN版本 | -|-------| ------------------------------------------------------------ |------| -| 3.2.4 | [@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) | 0.72 | -| 3.2.4 | [@react-native-ohos/react-native-amap3d Releases]() | 0.77 | +| Version | Package name | Repository | Release | Support RN version | +|---------|------------------------------------------|--------------------------------------------------------------------------|--------------------------------------------------------------------------------------------|---------------------| +| 3.2.4 | @react-native-oh-tpl/react-native-amap3d | [Github](https://github.com/react-native-oh-library/react-native-amap3d) | [Github Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) | 0.72 | +| 3.3.0 | @react-native-ohos/react-native-amap3d | [Github](https://github.com/react-native-oh-library/react-native-amap3d) | [Github Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +## 安装与使用 + 进入到工程目录并输入以下命令： @@ -205,6 +204,8 @@ export default AMapDemo; 打开 `entry/oh-package.json5`，添加以下依赖 +- V0.72 + ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -212,6 +213,15 @@ export default AMapDemo; } ``` +- V0.77 + +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-amap3d": "file:../../node_modules/@react-native-ohos/react-native-amap3d/harmony/rn_amap3d.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行： @@ -247,7 +257,13 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# V0.72 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-amap3d/src/main/cpp" ./rn_amap3d) + +# V0.77 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-amap3d/src/main/cpp" ./rn_amap3d) + # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -291,6 +307,7 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... +// V0.72 + import { + A_MAP_CIRCLE_VIEW_TYPE, + A_MAP_MARKER_TYPE, @@ -304,6 +321,20 @@ std::vector> PackageProvider::getPackages(Package::Cont + GOADE_MAP_VIEW_TYPE +} from '@react-native-oh-tpl/react-native-amap3d'; +// V0.77 ++ import { ++ A_MAP_CIRCLE_VIEW_TYPE, ++ A_MAP_MARKER_TYPE, ++ A_MAP_POLYGON_TYPE, ++ A_MAP_POLYLINE_TYPE, ++ AMapCircle, ++ AMapMarker, ++ AMapPolygon, ++ AMapPolyline, ++ AMapView, ++ GOADE_MAP_VIEW_TYPE ++} from '@react-native-ohos/react-native-amap3d'; + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -366,7 +397,12 @@ const arkTsComponentNames: Array = [ ```diff ... +// V0.72 + import {AMap3DPackage} from '@react-native-oh-tpl/react-native-amap3d/ts'; + +// V0.77 ++ import {AMap3DPackage} from '@react-native-ohos/react-native-amap3d/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -394,8 +430,10 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) +在以下版本验证通过。 +1. RNOH: 0.72.27; SDK: HarmonyOS 5.1.1 Release SDK; IDE: DevEco Studio 5.1.1 Release; ROM: 5.0.1.120; +2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; ## 属性 diff --git a/zh-cn/react-native-country-picker-modal.md b/zh-cn/react-native-country-picker-modal.md index e926bd2d18343818ab64d8b7a86d7b73dae22992..7fd1aa98a13d93058b7bc86bd7fa7f45cc62c611 100644 --- a/zh-cn/react-native-country-picker-modal.md +++ b/zh-cn/react-native-country-picker-modal.md @@ -12,18 +12,19 @@

-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-country-picker-modal) - -## 安装与使用 +本项目基于 [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal) 开发。 请到三方库的 Releases 发布地址查看配套的版本信息： -| 三方库版本 | 发布信息 | 支持RN版本 | -|-------| ------------------------------------------------------------ |-----------| -| 2.0.0 | [@react-native-ohos/react-native-country-picker-modal Releases]() | 0.72/0.77 | +| Version | Package name | Repository | Release | Support RN version | +|---------|--------------------------------------------------------|-----------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------|--------------------| +| 2.0.0 | @react-native-oh-tpl/react-native-country-picker-modal | [Github](https://github.com/react-native-oh-library/react-native-country-picker-modal/) | [Github Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases) | 0.72 | +| 2.1.0 | @react-native-ohos/react-native-country-picker-modal | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-country-picker-modal) | [GitCode Releases]() | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +## 安装与使用 + 进入到工程目录并输入以下命令： @@ -33,12 +34,20 @@ #### **npm** ```bash +# 0.72 +npm install @react-native-oh-tpl/react-native-country-picker-modal + +# 0.77 npm install @react-native-ohos/react-native-country-picker-modal ``` #### **yarn** ```bash +# 0.72 +yarn add @react-native-oh-tpl/react-native-country-picker-modal + +# 0.77 yarn add @react-native-ohos/react-native-country-picker-modal ``` @@ -266,6 +275,7 @@ export function CountryPickerTest() { 本文档内容基于以下版本验证通过： 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25; +2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112; ## 属性 @@ -275,41 +285,41 @@ export function CountryPickerTest() { > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。 -| Name | Description | Type | Required | Platform | HarmonyOS Support | -| ------------------ | ----------------------------------------------- | --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | -| countryCode | Country or area code. | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | Yes | All | Yes | -| region | region code | [Region](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L272) | No | All | Yes | -| subregion | subregion code | [Subregion](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L282) | No | All | Yes | -| countryCodes | Country Code | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | No | All | Yes | -| theme | theme | [Theme](https://github.com/xcarpentier/react-native-country-picker-modal/blob/7611d34fa35744dbec3fbcdd9b4401494b1ba8c4/src/CountryTheme.ts#L5) | No | All | Yes | -| translation | Translation Language Code | [TranslationLanguageCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L309) | No | All | Yes | -| modalProps | ModalProps | [ModalProps](https://facebook.github.io/react-native/docs/modal#props) | No | All | Yes | -| filterProps | CountryFilterProps | [CountryFilterProps](https://facebook.github.io/react-native/docs/textinput#props) | No | All | Yes | -| flatListProps | extends flatListProps | [FlatListProps](https://facebook.github.io/react-native/docs/flatlist#props) | No | All | Yes | -| withAlphaFilter | Use AlphaFilter | boolean | No | All | Yes | -| withCallingCode | Using the CallingCode | boolean | No | All | Yes | -| withCurrency | Use Currency | boolean | No | All | Yes | -| withEmoji | Use Emoji | boolean | No | All | Yes | -| withCountryNameButton | Use the button with the country name | boolean | No | All | Yes | -| withCurrencyButton | Using the With Currency Button | boolean | No | All | Yes | -| withCallingCodeButton | Using the With Call Code Button | boolean | No | All | Yes | -| withFlagButton | Using Flagged Buttons | boolean | No | All | Yes | -| withCloseButton | Using the Close Button | boolean | No | All | Yes | -| withFilter | withFilter | boolean | No | All | Yes | -| withFlag | withFlag | boolean | No | All | Yes | -| withModal | withModal | boolean | No | All | Yes | -| visible | visible | boolean | No | All | Yes | -| containerButtonStyle | containerButtonStyle | StyleProp | No | All | Yes | -| renderFlagButton | renderFlagButton | (props: (FlagButton['props'])): ReactNode ([FlagButton props](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/FlagButton.tsx#L73)) | No | All | Yes | -| renderCountryFilter | renderCountryFilter | (props: CountryFilter['props']): ReactNode ([CountryFilter props is TextInputProps](https://facebook.github.io/react-native/docs/textinput#props)) | No | All | Yes | -| onSelect | onSelect | (country: Country): void ([Country](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L263)) | Yes | All | Yes | -| onOpen | onOpen | (): void | Yes | All | Yes | -| onClose | onClose | (): void | Yes | All | Yes | -| closeButtonImage | Source of the close button | [ImageSourcePropType](https://facebook.github.io/react-native/docs/image#props) | No | All | Yes | -| closeButtonStyle | closeButtonStyle | StyleProp | No | All | Yes | -| closeButtonImageStyle | closeButtonImageStyle | StyleProp | No | All | Yes | -| disableNativeModal | you have to wrap your all app with CountryModalProvider | boolean | No | All | Yes | -| preferredCountries | preferredCountries | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L254) preferred countries they appear first (`withAlphaFilter` must be false) | No | All | Yes | +| Name | Description | Type | Required | Platform | HarmonyOS Support | +|-----------------------|---------------------------| --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | +| countryCode | 国家或地区代码 | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | Yes | All | Yes | +| region | 区域代码 | [Region](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L272) | No | All | Yes | +| subregion | 子区域代码 | [Subregion](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L282) | No | All | Yes | +| countryCodes | 国家代码 | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | No | All | Yes | +| theme | 主题 | [Theme](https://github.com/xcarpentier/react-native-country-picker-modal/blob/7611d34fa35744dbec3fbcdd9b4401494b1ba8c4/src/CountryTheme.ts#L5) | No | All | Yes | +| translation | 语言代码 | [TranslationLanguageCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L309) | No | All | Yes | +| modalProps | 模态框属性 | [ModalProps](https://facebook.github.io/react-native/docs/modal#props) | No | All | Yes | +| filterProps | 国家过滤器属性 | [CountryFilterProps](https://facebook.github.io/react-native/docs/textinput#props) | No | All | Yes | +| flatListProps | 继承FlatList组件的属性 | [FlatListProps](https://facebook.github.io/react-native/docs/flatlist#props) | No | All | Yes | +| withAlphaFilter | 启用字母索引过滤器 | boolean | No | All | Yes | +| withCallingCode | 显示电话区号 | boolean | No | All | Yes | +| withCurrency | 显示货币信息 | boolean | No | All | Yes | +| withEmoji | 显示国旗 | boolean | No | All | Yes | +| withCountryNameButton | 使用带国家名称的按钮 | boolean | No | All | Yes | +| withCurrencyButton | 使用带货币信息的按钮 | boolean | No | All | Yes | +| withCallingCodeButton | 使用带电话区号的按钮 | boolean | No | All | Yes | +| withFlagButton | 使用带国旗的按钮 | boolean | No | All | Yes | +| withCloseButton | 显示关闭按钮 | boolean | No | All | Yes | +| withFilter | 启用筛选功能 | boolean | No | All | Yes | +| withFlag | 显示国旗 | boolean | No | All | Yes | +| withModal | 使用模态框模式 | boolean | No | All | Yes | +| visible | 组件显示/隐藏 | boolean | No | All | Yes | +| containerButtonStyle | 按钮容器样式 | StyleProp | No | All | Yes | +| renderFlagButton | 自定义渲染国旗按钮 | (props: (FlagButton['props'])): ReactNode ([FlagButton props](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/FlagButton.tsx#L73)) | No | All | Yes | +| renderCountryFilter | 自定义渲染国家过滤器 | (props: CountryFilter['props']): ReactNode ([CountryFilter props is TextInputProps](https://facebook.github.io/react-native/docs/textinput#props)) | No | All | Yes | +| onSelect | 选择国家后的回调函数 | (country: Country): void ([Country](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L263)) | Yes | All | Yes | +| onOpen | 组件打开时的回调函数 | (): void | Yes | All | Yes | +| onClose | 组件关闭时的回调函数 | (): void | Yes | All | Yes | +| closeButtonImage | 关闭按钮的图片源 | [ImageSourcePropType](https://facebook.github.io/react-native/docs/image#props) | No | All | Yes | +| closeButtonStyle | 关闭按钮容器样式 | StyleProp | No | All | Yes | +| closeButtonImageStyle | 关闭按钮图片样式 | StyleProp | No | All | Yes | +| disableNativeModal | 需使用CountryModalProvider包裹整个应用 | boolean | No | All | Yes | +| preferredCountries | 首选国家列表 | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L254) preferred countries they appear first (`withAlphaFilter` must be false) | No | All | Yes | ## 遗留问题 diff --git a/zh-cn/react-native-lightbox.md b/zh-cn/react-native-lightbox.md index 14b5c7336087e30a40260effddc89eaa472248aa..10d9d3ce7b2c31d9eb7564e5066cd48ae6084e19 100644 --- a/zh-cn/react-native-lightbox.md +++ b/zh-cn/react-native-lightbox.md @@ -16,11 +16,12 @@ > [!TIP] [Github 地址](https://github.com/cbbfcd/react-native-lightbox) -## 安装与使用 +| Version |Support RN version | +|---------|-------------------| +| 0.9.2 | 0.72/0.77 | + -| 三方库版本 | 支持RN版本 | -|-------|--------| -| 0.9.2 | 0.72/0.77 | +## 安装与使用 进入到工程目录并输入以下命令： @@ -169,6 +170,7 @@ const styles = StyleSheet.create({ 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18; 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 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112; ## 属性 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。