Picker
Picker
Renders the native picker component on iOS and Android. Example:
<Picker selectedValue={this.state.language} onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}> <Picker.Item label="Java" value="java" /> <Picker.Item label="JavaScript" value="js" /> </Picker>
Props
ViewPropTypes props...
onValueChange?: Function
Callback for when an item is selected. This is called with the following parameters: - itemValue
: the value
prop of the item that was selected - itemPosition
: the index of the selected item in this picker
selectedValue?: any
Value matching value of one of the items. Can be a string or an integer.
style?: $FlowFixMe
testID?: string
Used to locate this view in end-to-end tests.
androidenabled?: boolean
If set to false, the picker will be disabled, i.e. the user will not be able to make a selection.
androidmode?: literal | literal
On Android, specifies how to display the selection items when the user taps on the picker:
- 'dialog': Show a modal dialog. This is the default.
- 'dropdown': Shows a dropdown anchored to the picker view
androidprompt?: string
Prompt string for this picker, used on Android in dialog mode as the title of the dialog.
iositemStyle?: $FlowFixMe
Style to apply to each of the item labels.
© 2015–2017 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://facebook.github.io/react-native/docs/picker.html