ListPicker

<ListPicker> is a UI component that lets the user select a value from a pre-configured list.

<ListPickeritems="{{ items }}" />

constitems= [`First`, `Second`, `Third`]

<ListPicker[items]="items" />

items = [`First`, `Second`, `Third`];

<listPickeritems={items} />

<listpickeritems={choices}></listpicker>

<listPicker{items}></listPicker>

<ListPicker :items="items" />

Props ​

items ​

items: Array<string | number>

Gets or sets the items of the ListPicker.

selectedIndex ​

selectedIndex: number

Gets or sets the index of the currently selected item.

...Inherited ​

For additional inherited properties, refer to the API Reference.

Events ​

selectedIndexChange ​

on('selectedIndexChange', (args:PropertyChangeData) => {
constpicker= args.object asListPicker
 console.log('selectedIndex changed to', args.value)
// or picker.selectedIndex
})

Emitted when the currently selected item (index) changes.

Native component ​

• Android: android.widget.NumberPicker
• iOS: UIPickerView

Contributors