【React Native】文件翻譯閱讀紀錄 - Components(組件) - Picker
 |
| Facebook Open Source React Native |
Picker
在iOS和Android上呈現本機選取器組件。例：
<Picker
selectedValue={this.state.language}
style={{ height: 50, width: 100 }}
onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}>
<Picker.Item label="Java" value="java" />
<Picker.Item label="JavaScript" value="js" />
</Picker>
Props
Reference
Props
onValueChange
選擇項目時的回調。使用以下參數調用此方法：
itemValue: 所選項的值propitemPosition: 此選擇器中所選項的索引
| TYPE | REQUIRED |
|---|---|
| function | No |
selectedValue
其中一個項的值匹配值。可以是字符串或整數。
| TYPE | REQUIRED |
|---|---|
| any | No |
style
| TYPE | REQUIRED |
|---|---|
| pickerStyleType | No |
testID
用於在端到端測試中查找此視圖。
| TYPE | REQUIRED |
|---|---|
| string | No |
enabled
如果設置為false，則將禁用選擇器，即用戶將無法進行選擇。
| TYPE | REQUIRED | PLATFORM |
|---|---|---|
| bool | No | Android |
mode
在Android上，指定當用戶點擊選擇器時如何顯示選擇項：
- 'dialog': 顯示模態對話框。這是默認值。
- 'dropdown': 顯示錨定到選擇器視圖的下拉列表
| TYPE | REQUIRED | PLATFORM |
|---|---|---|
| enum('dialog', 'dropdown') | No | Android |
prompt
此選擇器的提示字符串，在對話框模式下在Android上用作對話框的標題。
| TYPE | REQUIRED | PLATFORM |
|---|---|---|
| string | No | Android |
itemStyle
要應用於每個項目標籤的樣式。
| TYPE | REQUIRED | PLATFORM |
|---|---|---|
| text styles | No | iOS |
0 意見