Edit this page on Github

Picker

A component for displaying a picker.

@Component({
  selector: 'sample',
  template: `<Picker [selectedValue]="selected" prompt="Please select an item" [items]="items"
    [style]="{width: 80}" (select)="selected=$event"></Picker>`
})
export class Sample {
  selected: number = 0;
  items: Array<any> = [{label: 'aaa', value: 'a'}, {label: 'bbb', value: 'b'}, {label: 'ccc', value: 'c'},
    {label: 'ddd', value: 'd'}, {label: 'eee', value: 'e'}];
}

Available styles

https://facebook.github.io/react-native/docs/view.html#style
Android flavouriOS flavour

Inputs

Inherits all inputs from high level component

selectedValue: string

To be documented

items: color

To be documented

androidenabled: boolean

To be documented

androidmode: enum('dialog', 'dropdown')

To be documented

androidprompt: string

To be documented

iositemStyle: string

To be documented

Outputs

select: EventEmitter<number>

To be documented


Getting started

Features

bootstrapAPIsGesturesHttpRouterStyle

Components

ActivityIndicatorHighLevelComponentImagePickerRefreshControlScrollViewSliderSwitchTextTextInputViewWebView
Android
DrawerLayoutPagerLayoutProgressBarToolbar
iOS
DatePickerNavigatorProgressViewSegmentedControlTabBarTabBarItem

Directives

Opacity feedbackRipple feedback