【React Native】文件翻譯閱讀紀錄 - Components(組件) - SegmentedControlIOS

by - 上午9:00

Facebook Open Source React Native

SegmentedControlIOS

使用SegmentedControlIOS渲染UISegmentedControl iOS。

以編程方式更改所選索引

通過將selectedIndex prop分配給狀態變量,然後更改該變量,可以動態更改所選索引。請注意,當用戶選擇一個值並更改索引時,需要更新狀態變量,如下例所示。

範例

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

Props


參考

Props

enabled

如果為false,則用戶將無法與控件交互。默認值為true。
TYPEREQUIRED
boolNo

momentary

如果為true,則選擇段將不會在視覺上持續存在。 onValueChange回調仍將按預期工作。
TYPEREQUIRED
boolNo

onChange

當用戶點擊一個段時調用的回調;將事件作為參數傳遞
TYPEREQUIRED
functionNo

onValueChange

當用戶點擊一個段時調用的回調;將段的值作為參數傳遞
TYPEREQUIRED
functionNo

selectedIndex

要(預)選擇的段的props.values中的索引。
TYPEREQUIRED
numberNo

tintColor

對照的強調色。
TYPEREQUIRED
stringNo

values

控件的分段按鈕的標籤按順序排列。
TYPEREQUIRED
array of stringNo

You May Also Like

0 意見