chore(SegmentedControl): SegmentedControl 设置color属性，文字颜色 (#256)

Author: cuilanxin

example/examples/src/routes/SegmentedControl/index.tsx

@@ -39,7 +39,7 @@ export default class SegmentedControlView extends React.Component<SegmentedContr
             </Card>
             <Card
               title={
-                '设置自定义文本颜色 textColor?: [选中: string, 未选中: string]'
+                '设置自定义文本颜色 textColor?: {actived?: string, unactived?: string}'
               }>
               <SegmentedControl
                 textColor={['#333', '#ccc']}

packages/core/src/SegmentedControl/README.md

@@ -71,9 +71,18 @@ function Demo() {
 | `style` | 自定义样式 | Object | {} |
 | `value` | 初始值 | String[] | [] |
 | `color` | 组件主色调 | String | `#108ee9` |
-| `textColor` | 文本颜色 | [选中颜色: string, 未选中颜色: string] | `[#fff, color]` |
+| `textColor` | 文本颜色 | Object: textColorType | - |
 | `size` | 按钮尺寸 | `small`, `default`, `large` | `default` |
 | `disabled` | 是否启用 | Boolean | `false` |
 | `selectedIndex` | 选中项在数组中的索引 | Number | 0 |
 | `renderItem` | 自定义单元格 | (data, index, rowNum): void | - |
 | `onValueChange` | 回调函数 | (label, selectedIndex): void | - |
+
+
+## textColorType
+
+| 参数 | 说明 | 类型 | 默认值 |
+|------|------|-----|------|
+| `actived` | 激活 | String | `#fff` |
+| `unactived` | 未激活 | String | `color` |
+```ts

packages/core/src/SegmentedControl/index.tsx

@@ -3,12 +3,16 @@ import { ViewStyle, TextStyle, Text } from 'react-native';
 import ButtonGroup, { ButtonGroupProps } from '../ButtonGroup';
 import Button from '../Button';
 
+interface textColorType {
+  actived?: string;
+  unactived?: string;
+}
 export interface SegmentedControlProps<T> extends ButtonGroupProps {
   value?: string[] | T[];
   selectedIndex?: number;
   renderItem?: (label: string | T, selectedIndex: number, props: ButtonGroupProps) => JSX.Element;
   onValueChange?: (label: string | T, selectedIndex: number) => void;
-  textColor?: [string, string];
+  textColor?: textColorType;
 }
 
 export interface SegmentedControlState {
@@ -40,7 +44,10 @@ export default class SegmentedControl<T> extends Component<SegmentedControlProps
       value,
       selectedIndex,
       renderItem,
-      textColor = ['#fff', this.props.color ?? '#108ee9'],
+      textColor = {
+        actived: '#fff',
+        unactived: this.props.color ?? '#108ee9',
+      },
       ...otherProps
     } = this.props;
     return (
@@ -49,11 +56,11 @@ export default class SegmentedControl<T> extends Component<SegmentedControlProps
           (value as (string | T)[]).map((label: string | T, key: number) => {
             const styl: ViewStyle = {};
             const textStyle: TextStyle = {};
-            let textStyleColor: string = textColor[0];
+            let textStyleColor: string = textColor.actived!;
             if (this.state.selectedIndex !== key + 1) {
               styl.backgroundColor = '#fff';
               textStyle.color = otherProps.color;
-              textStyleColor = textColor[1];
+              textStyleColor = textColor.unactived!;
             }
             const props: ButtonGroupProps = {
               type: 'primary',