SegmentedControl 分段器

由至少 2 个分段控件组成，用作不同视图的显示，可自定义文字大小，配色。

使用指南

在 Taro 文件中引入组件

:::demo

import { AtSegmentedControl } from 'taro-ui'

:::

一般用法

:::demo

<AtSegmentedControl
  values={['标签页1', '标签页2', '标签页3']}
  onClick={this.handleClick}
  current={this.state.current}
/>
{this.state.current === 0 ? <View className='tab-content'>标签1的内容</View> : null}
{this.state.current === 1 ? <View className='tab-content'>标签2的内容</View> : null}
{this.state.current === 2 ? <View className='tab-content'>标签3的内容</View> : null}

:::

自定义颜色、字体大小

:::demo

<AtSegmentedControl
  onClick={this.handleClick}
  selectedColor='#FF4949'
  fontSize='30'
  current={current}
  values={['标签页1', '标签页2', '标签页3']}
/>

:::

禁用

:::demo

<AtSegmentedControl
  disabled
  values={['标签页1', '标签页2', '标签页3']}
  onClick={this.handleClick}
  current={this.state.current}
/>

:::

参数

事件