在线文档教程

SegmentedControlIOS

SegmentedControlIOS

使用SegmentedControlIOS渲染一个UISegmentedControl的iOS。

以编程方式更改所选索引

通过将selectIndex prop分配给状态变量,然后更改该变量,即可更改所选索引。请注意,状态变量需要在用户选择一个值并更改索引时进行更新,如下例所示。

<SegmentedControlIOS values={['One', 'Two']} selectedIndex={this.state.selectedIndex} onChange={(event) => { this.setState{selectedIndex: event.nativeEvent.selectedSegmentIndex} }} />

道具

ViewPropTypes道具...

enabled?: bool

如果为false,用户将无法与控件进行交互。默认值为true。

momentary?: bool

如果为true,那么选择一个段将不会在视觉上持续。在onValueChange如预期回调仍然可以工作。

onChange?: function

用户点击某个细分时调用的回调; 作为参数传递事件

onValueChange?: function

用户点击某个细分时调用的回调; 将段的值作为参数传递

selectedIndex?: number

props.values要预先选择的段的索引。

tintColor?: string

控制的强调颜色。

values?: [string]

按顺序控制分段按钮的标签。