React Native IOS Picker

ios picker for react native .

Install package

$ npm i react-native-ios-picker

Usage

Import the component:

import IOSPicker from 'react-native-ios-picker';

data type is array

const data = ['a','b','c','d','e','f']
<IOSPicker 
  data={data}
  onValueChange={(d, i)=> this.change(d, i)}/>

data type is object

const data = [{name: 'SanPyaeLin', code: '22'},{name: 'Jhon', code: '1'},{name: 'Marry', code: '2'}]
<IOSPicker 
  data={data}
  selectedValue={this.state.selectedValue}
  onValueChange={(d, i)=> this.change(d, i)}>
  { 
    Country.map((item, index)=>
      <Picker.Item key={index} label={item.name} value={item.code} />
    )
  }
</IOSPicker>

##Example

Check full example in the example folder.

Props

• data
• mode
• onValueChange
• selectedValue
• style
• textStyle
• pickerItemStyle
• collapseViewStyle

Reference

data

An array of sections passed to the render methods

| Type | Required | | -------- | -------- | | array | No |

mode

Specifies how to display the selection items when the user taps on the picker:

• 'modal': Show a modal dialog
• 'collapse': Shows a collapse view. This is the default.

| Type | Required | | -------------------------- | -------- | | enum('modal', 'collapse') | No |

onValueChange

Callback for when an item is selected. This is called with the following parameters:

• itemValue: the value prop of the item that was selected
• itemPosition: the index of the selected item in this picker

| Type | Required | | -------- | -------- | | function | No |

selectedValue

Value matching value of one of the items. Can be a string .

| Type | Required | | ---- | -------- | | string | No |

style

| Type | Required | | --------------- | -------- | | pickerStyleType | No |

textStyle

| Type | Required | | --------------- | -------- | | textStyleType | No |

pickerItemStyle

| Type | Required | | --------------- | -------- | | pickerItemStyleType | No |

collapseViewStyle

| Type | Required | | --------------- | -------- | | collapseViewStyleType | No |

License

MIT License. © 2018 San Pyae Lin