Comment on page

Select

This component displays a control that allows the user to pick from a list of items. A dropdown is used for larger screens, a dialog for smaller ones.

Styles
Flexbox Styles
View Styles
Transform Styles
​
Props
Name
Type
Description
items
PickerPropsItem[]
List of items to be displayed in the picker
mode
'dialog' | 'dropdown'
'dialog': Show a modal dialog 
'dropdown': Shows a dropdown anchored to the picker 
Android only
onValueChange
(itemValue: string, itemPosition: number) => void
Invoked when the selected value changes
selectedValue
string
Initially-selected item
style
PickerStyleRuleSet | PickerStyleRuleSet[]
See below for supported styles
testId
string
ID that can be used to identify the instantiated element for testing purposes
color
string
​
Text Color

Components - Previous

Link

Next - Components

Spinner

Last modified 3yr ago

Name	Type	Description
items	`PickerPropsItem[]`	List of items to be displayed in the picker
mode	`'dialog' \| 'dropdown'`	'dialog': Show a modal dialog 'dropdown': Shows a dropdown anchored to the picker Android only
onValueChange	`(itemValue: string, itemPosition: number) => void`	Invoked when the selected value changes
selectedValue	`string`	Initially-selected item
style	`PickerStyleRuleSet \| PickerStyleRuleSet[]`	See below for supported styles
testId	`string`	ID that can be used to identify the instantiated element for testing purposes
color	`string`	Text Color