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
Copy link
On this page
Styles
Props