@react-native-hero/picker

react native picker

Usage no npm install needed!

<script type="module">
  import reactNativeHeroPicker from 'https://cdn.skypack.dev/@react-native-hero/picker';
</script>

README

@react-native-hero/picker

Getting started

Install the library using either Yarn:

yarn add @react-native-hero/picker

or npm:

npm install --save @react-native-hero/picker

Link

  • React Native v0.60+

For iOS, use cocoapods to link the package.

run the following command:

$ cd ios && pod install

For android, the package will be linked automatically on build.

  • React Native <= 0.59

run the following command to link the package:

$ react-native link @react-native-hero/picker

Example

import {
  Picker
} from '@react-native-hero/picker'

<Picker
  options={[
    { text: 'displayed text', value: 'support string or number' },
    { text: '2', value: 'string' },
    { text: '3', value: 3 },
  ]}
  onChange={data => {
    data.index
    data.option
  }}
  style={{
    flex: 1,
    backgroundColor: '#eee'
  }}

  // optional
  selectedIndex={0}
  color="#000"
  fontSize={16}
  rowHeight={44}
/>