【React Native】文件翻譯閱讀紀錄 - Components(組件) - SegmentedControlIOS
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。
TYPE | REQUIRED |
---|---|
bool | No |
momentary
如果為true,則選擇段將不會在視覺上持續存在。 onValueChange回調仍將按預期工作。
TYPE | REQUIRED |
---|---|
bool | No |
onChange
當用戶點擊一個段時調用的回調;將事件作為參數傳遞
TYPE | REQUIRED |
---|---|
function | No |
onValueChange
當用戶點擊一個段時調用的回調;將段的值作為參數傳遞
TYPE | REQUIRED |
---|---|
function | No |
selectedIndex
要(預)選擇的段的props.values中的索引。
TYPE | REQUIRED |
---|---|
number | No |
tintColor
對照的強調色。
TYPE | REQUIRED |
---|---|
string | No |
values
控件的分段按鈕的標籤按順序排列。
TYPE | REQUIRED |
---|---|
array of string | No |
0 意見