From 75bcbeaa9139f1a6f9c8e8014a02564f1d1b7d83 Mon Sep 17 00:00:00 2001 From: yp9522 Date: Wed, 26 Nov 2025 10:58:48 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20[Issues:#ID8QJ2]=E4=BF=AE=E6=94=B9react?= =?UTF-8?q?-native-loading-spinner-overlay=E7=9A=84=E4=B8=AD=E8=8B=B1?= =?UTF-8?q?=E6=96=87=E6=8C=87=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: yp9522 --- en/react-native-loading-spinner-overlay.md | 7 ++++- zh-cn/react-native-loading-spinner-overlay.md | 27 +++++++++++-------- 2 files changed, 22 insertions(+), 12 deletions(-) diff --git a/en/react-native-loading-spinner-overlay.md b/en/react-native-loading-spinner-overlay.md index 7f2027d2e..19cece676 100644 --- a/en/react-native-loading-spinner-overlay.md +++ b/en/react-native-loading-spinner-overlay.md @@ -14,6 +14,10 @@ > [!TIP] [GitHub address](https://github.com/ladjs/react-native-loading-spinner-overlay) +| Version | Support RN version | +| ------------------------- | -------------------------- | +| 3.0.1 | 0.72/0.77 | + ## Installation and Usage Go to the project directory and execute the following instruction: @@ -91,6 +95,7 @@ This document is verified based on the following versions: 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25; 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 @@ -114,7 +119,7 @@ This document is verified based on the following versions: ## Known Issues -- [ ] 在 RNOH 框架中引入 RN 组件`Modal`和`ActivityIndicator`嵌套使用(`ActivityIndicator`作为`Modal`的 children)时会出现`ActivityIndicator`无法正常运作，导致当前库也无法在 HarmonyOS 中正常 Running。 +- [ ] In the RNOH framework, when using RN components `Modal` and `ActivityIndicator` nested together (with `ActivityIndicator` as the child of `Modal`), the `ActivityIndicator` fails to work properly, causing the current library to not function correctly on HarmonyOS as well. ## Others diff --git a/zh-cn/react-native-loading-spinner-overlay.md b/zh-cn/react-native-loading-spinner-overlay.md index eb3b28065..d7b46cdf7 100644 --- a/zh-cn/react-native-loading-spinner-overlay.md +++ b/zh-cn/react-native-loading-spinner-overlay.md @@ -14,6 +14,10 @@ > [!TIP] [Github 地址](https://github.com/ladjs/react-native-loading-spinner-overlay) +| 三方库版本 | 支持RN版本 | +| ------------------------- | -------------------------- | +| 3.0.1 | 0.72/0.77 | + ## 安装与使用 进入到工程目录并输入以下命令： @@ -87,6 +91,7 @@ const styles = StyleSheet.create({ 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25; 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; ## 属性 @@ -96,17 +101,17 @@ const styles = StyleSheet.create({ | Name | Description | Type | Default | Required | Platform | HarmonyOS Support | | --- | --- | --- | --- | --- | --- | --- | -| cancelable | If set to false, it will prevent spinner from hiding when pressing the hardware back button. If set to true, it will allow spinner to hide if the hardware back button is pressed. | Boolean | `false` | no | Android | yes | -| color | Changes the spinner's color (example values are `red`, `#ff0000`, etc). For adjusting the contrast see `overlayColor` prop below. | String | `"white"` | no | All | yes | -| animation | Changes animation on show and hide spinner's view. | String (enum) `none`, `slide`, `fade` | `"none"` | no | All | yes | -| overlayColor | Changes the color of the overlay. | String | `rgba(0, 0, 0, 0.25)` | no | All | yes | -| size | Sets the spinner's size. No other cross-platform sizes are supported right now. | String (enum) `small`, `normal`, `large` | `"large"` | no | All | yes | -| textContent | Optional text field to be shown. | String | `""` | no | All | yes | -| textStyle | The style to be applied to the `` that displays the `textContent`. | StyleSheet | `-` | no | All | yes | -| visible | Controls the visibility of the spinner. | Boolean | `false` | yes | All | yes | -| indicatorStyle | Additional styles for the [ActivityIndicator](https://facebook.github.io/react-native/docs/activityindicator) to inherit | StyleSheet | `undefined` | no | All | yes | -| customIndicator | An alternative, custom component to use instead of the default `` | Element | `undefined` | no | All | yes | -| children | Children element(s) to nest inside the spinner | Element | `undefined` | no | All | yes | +| cancelable | 设置为false时，按下返回按钮将阻止spinner隐藏。设置为true时，按下返回按钮将允许spinner隐藏。 | Boolean | `false` | no | Android | yes | +| color | 更改spinner的颜色（例如值有`red`、`#ff0000`等）。要调整对比度，请参见下面的`overlayColor`属性。 | String | `"white"` | no | All | yes | +| animation | 更改显示和隐藏spinner视图时的动画效果。 | String (enum) `none`, `slide`, `fade` | `"none"` | no | All | yes | +| overlayColor | 更改遮罩层的颜色。 | String | `rgba(0, 0, 0, 0.25)` | no | All | yes | +| size | 设置spinner的大小。目前不支持其他跨平台大小。 | String (enum) `small`, `normal`, `large` | `"large"` | no | All | yes | +| textContent | 可选的要显示的文本字段。 | String | `""` | no | All | yes | +| textStyle | 应用于显示`textContent`的``的样式。 | StyleSheet | `-` | no | All | yes | +| visible | 控制spinner的可见性。 | Boolean | `false` | yes | All | yes | +| indicatorStyle | [ActivityIndicator](https://facebook.github.io/react-native/docs/activityindicator)继承的额外样式 | StyleSheet | `undefined` | no | All | yes | +| customIndicator | 用于替代默认``的自定义组件 | Element | `undefined` | no | All | yes | +| children | 要嵌套在spinner内部的子元素 | Element | `undefined` | no | All | yes | ## 遗留问题 -- Gitee