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

Contents
Styles
Props