From 39cfb07ee158fb8a58e33020137c1f7aac6cb41e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=B4=E6=B4=8B?= <251448644@qq.com> Date: Thu, 11 Jan 2024 18:14:18 +0800 Subject: [PATCH 1/3] =?UTF-8?q?[Issues:=20#I8VCNY]=20=E6=B7=BB=E5=8A=A0rea?= =?UTF-8?q?ct-native-community/segmented-control=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...eact-native-community-segmented-control.md | 91 +++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 1224/react-native-community-segmented-control.md diff --git a/1224/react-native-community-segmented-control.md b/1224/react-native-community-segmented-control.md new file mode 100644 index 00000000..cb9d62c4 --- /dev/null +++ b/1224/react-native-community-segmented-control.md @@ -0,0 +1,91 @@ +> 模板版本：v0.1.2 + +

+

react-native-community/segmented-control

+

+

+ + Supported platforms + + + License + +

+ +> [!tip] [Github 地址](https://github.com/react-native-segmented-control/segmented-control) + +## 安装与使用 + +进入到工程目录并输入以下命令： + +#### **yarn** + +```bash +yarn add @react-native-segmented-control/segmented-control@^2.5.0 +``` + + + +#### **npm** + +```bash +npm install --save @react-native-segmented-control/segmented-control@^2.5.0 +``` + + + +下面的代码展示了这个库的基本使用场景： + +```js +import SegmentedControl from '@react-native-segmented-control/segmented-control'; + +return ( + { + this.setState({selectedIndex: event.nativeEvent.selectedSegmentIndex}); + }} + /> +); +``` + +## 约束与限制 + +### 兼容性 + +在下述版本验证通过： + +1. IDE：DevEco Studio 4.1.3.412;SDK：OpenHarmony(api11) 4.1.0.53;测试设备：Mate40 Pro(NOH-AN00);ROM：2.0.0.52(SP22C00E52R1P17log);RNOH：0.72.11 + +## 属性 + +> [!tip] "Platform"列表示该属性在原三方库上支持的平台。 + +> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。 + +详情见 [react-native-community/segmented-control 源库地址](https://github.com/react-native-segmented-control/segmented-control) + + +| Name | Description | Type | Required | Platform | HarmonyOS Support | Notes | +| -----------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | -------- | -------- |-------- | +| enabled | If false the user won't be able to interact with the control. Default value is true. | boolean | No |All | Yes | +| momentary | If true, then selecting a segment won't persist visually. The onValueChange callback will still work as expected.| boolean | No |iOS | No | android和harmonyos侧,效果一致，不生效，ios侧有效果 +| onChange |Callback that is called when the user taps a segment; passes the event as an argument | function | No | All | Yes | +| onValueChange | Callback that is called when the user taps a segment; passes the segment's value as an argument | function | No |All | Yes | +| selectedIndex |The index in props.values of the segment to be (pre)selected. | number | No | All | Yes | +| tintColor | Accent color of the control. | string | No |All | Yes | +| backgroundColor | Background color color of the control. | string | No | All | Yes | +| values | The labels for the control's segment buttons, in order.| string | Yes | All | Yes | +| appearance | Overrides the control's appearance irrespective of the OS theme | 'dark', 'light' | No | All | Yes | +| fontStyle | An object container,color: color of segment;fontSize: font-size of segment text;fontFamily: font-family of segment text;fontWeight: font-weight of segment text| object | No | All | Yes | android和harmonyos侧，fontFamily效果一致，均不生效 +| activeFontStyle | An object container,color: overrides color of selected segment text;fontSize: overrides font-size of selected segment text;fontFamily: overrides font-family of selected segment text;fontWeight: overrides font-weight of selected segment text| object | No | All | Yes | android和harmonyos侧，fontFamily效果一致，均不生效 +| tabStyle | Styles the clickable surface which is responsible to change tabs| object | No | Android, Web | Yes | + +## 遗留问题 + +## 其他 + +## 开源协议 + +本项目基于 [The MIT License (MIT)](https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE) ，请自由地享受和参与开源。 -- Gitee From 34ed1a01d07a4d939d77e461d61c108dbbc41c79 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=B4=E6=B4=8B?= <251448644@qq.com> Date: Thu, 11 Jan 2024 18:31:57 +0800 Subject: [PATCH 2/3] =?UTF-8?q?[Issues:=20#I8VCNY]=20=E6=B7=BB=E5=8A=A0rea?= =?UTF-8?q?ct-native-community/segmented-control=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 1224/react-native-community-segmented-control.md | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/1224/react-native-community-segmented-control.md b/1224/react-native-community-segmented-control.md index cb9d62c4..aafe2f85 100644 --- a/1224/react-native-community-segmented-control.md +++ b/1224/react-native-community-segmented-control.md @@ -4,7 +4,7 @@

react-native-community/segmented-control

- + Supported platforms @@ -66,9 +66,8 @@ return ( 详情见 [react-native-community/segmented-control 源库地址](https://github.com/react-native-segmented-control/segmented-control) - | Name | Description | Type | Required | Platform | HarmonyOS Support | Notes | -| -----------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | -------- | -------- |-------- | +| ---------|------- | ------------- | -------- | -------- | -------- |-------- | | enabled | If false the user won't be able to interact with the control. Default value is true. | boolean | No |All | Yes | | momentary | If true, then selecting a segment won't persist visually. The onValueChange callback will still work as expected.| boolean | No |iOS | No | android和harmonyos侧,效果一致，不生效，ios侧有效果 | onChange |Callback that is called when the user taps a segment; passes the event as an argument | function | No | All | Yes | @@ -77,7 +76,7 @@ return ( | tintColor | Accent color of the control. | string | No |All | Yes | | backgroundColor | Background color color of the control. | string | No | All | Yes | | values | The labels for the control's segment buttons, in order.| string | Yes | All | Yes | -| appearance | Overrides the control's appearance irrespective of the OS theme | 'dark', 'light' | No | All | Yes | +| appearance | Overrides the control's appearance irrespective of the OS theme | 'dark', 'light' | No | All | Yes | | fontStyle | An object container,color: color of segment;fontSize: font-size of segment text;fontFamily: font-family of segment text;fontWeight: font-weight of segment text| object | No | All | Yes | android和harmonyos侧，fontFamily效果一致，均不生效 | activeFontStyle | An object container,color: overrides color of selected segment text;fontSize: overrides font-size of selected segment text;fontFamily: overrides font-family of selected segment text;fontWeight: overrides font-weight of selected segment text| object | No | All | Yes | android和harmonyos侧，fontFamily效果一致，均不生效 | tabStyle | Styles the clickable surface which is responsible to change tabs| object | No | Android, Web | Yes | -- Gitee From f342f50945857e39aa2f23f592dffef2b71e091e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=B4=E6=B4=8B?= <251448644@qq.com> Date: Thu, 11 Jan 2024 18:43:31 +0800 Subject: [PATCH 3/3] =?UTF-8?q?[Issues:=20#I8VCNY]=20=E6=B7=BB=E5=8A=A0rea?= =?UTF-8?q?ct-native-community/segmented-control=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 1224/react-native-community-segmented-control.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/1224/react-native-community-segmented-control.md b/1224/react-native-community-segmented-control.md index aafe2f85..dc58febe 100644 --- a/1224/react-native-community-segmented-control.md +++ b/1224/react-native-community-segmented-control.md @@ -69,7 +69,7 @@ return ( | Name | Description | Type | Required | Platform | HarmonyOS Support | Notes | | ---------|------- | ------------- | -------- | -------- | -------- |-------- | | enabled | If false the user won't be able to interact with the control. Default value is true. | boolean | No |All | Yes | -| momentary | If true, then selecting a segment won't persist visually. The onValueChange callback will still work as expected.| boolean | No |iOS | No | android和harmonyos侧,效果一致，不生效，ios侧有效果 +| momentary | If true, then selecting a segment won't persist visually. The onValueChange callback will still work as expected.| boolean | No |iOS | No | Android和HarmonyOS侧,效果一致，不生效，iOS侧有效果 | onChange |Callback that is called when the user taps a segment; passes the event as an argument | function | No | All | Yes | | onValueChange | Callback that is called when the user taps a segment; passes the segment's value as an argument | function | No |All | Yes | | selectedIndex |The index in props.values of the segment to be (pre)selected. | number | No | All | Yes | @@ -77,8 +77,8 @@ return ( | backgroundColor | Background color color of the control. | string | No | All | Yes | | values | The labels for the control's segment buttons, in order.| string | Yes | All | Yes | | appearance | Overrides the control's appearance irrespective of the OS theme | 'dark', 'light' | No | All | Yes | -| fontStyle | An object container,color: color of segment;fontSize: font-size of segment text;fontFamily: font-family of segment text;fontWeight: font-weight of segment text| object | No | All | Yes | android和harmonyos侧，fontFamily效果一致，均不生效 -| activeFontStyle | An object container,color: overrides color of selected segment text;fontSize: overrides font-size of selected segment text;fontFamily: overrides font-family of selected segment text;fontWeight: overrides font-weight of selected segment text| object | No | All | Yes | android和harmonyos侧，fontFamily效果一致，均不生效 +| fontStyle | An object container,color: color of segment;fontSize: font-size of segment text;fontFamily: font-family of segment text;fontWeight: font-weight of segment text| object | No | All | Yes | Android和HarmonyOS侧，fontFamily效果一致，均不生效 +| activeFontStyle | An object container,color: overrides color of selected segment text;fontSize: overrides font-size of selected segment text;fontFamily: overrides font-family of selected segment text;fontWeight: overrides font-weight of selected segment text| object | No | All | Yes | Android和HarmonyOS侧，fontFamily效果一致，均不生效 | tabStyle | Styles the clickable surface which is responsible to change tabs| object | No | Android, Web | Yes | ## 遗留问题 -- Gitee