ListPicker

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

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

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

<ListPicker [items]="items" />

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

<label>Text Here</label>

<label text="TextHere" />

<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) => {
  const picker = args.object as ListPicker
  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