# Segmented

分段控制器。

# 基本用法

segmented-1

import { Segmented } from 'react-native-maui';

<Segmented items={['option1', 'option2', 'option3', 'option4']} />

# 自定义样式

segmented-2

import { Segmented } from 'react-native-maui';

<Segmented
  items={['section1', 'section2', 'section3', 'section4']}
  style={styles.segment1}
  itemStyle={styles.item}
  inactiveTextColor={'grey'}
  activeTextColor={'green'}
  didChange={(item: string, index: number) => {
    console.log([item, index]);
  }}
/>
<Segmented items={['one', 'two']} style={styles.segment2} />

# 属性

名称	描述	类型	默认值
items Required	可选的内容	string[]	-
style	容器样式	ViewStyle	-
itemStyle	内容样式	TextStyle	-
sliderStyle	滑块样式	ViewStyle	-
sliderMargin	滑块间距	number	2
activeTextColor	选中颜色	string	'#fff'
inactiveTextColor	未选中颜色	string	'#000'
onChange	开始滑动的时候回调	(item: string, index: number) => void	-
didChange	结束滑动的时候回调	(item: string, index: number) => void	-

← Pagination RefreshList →