Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@quantfive/react-native-horizontal-picker

1.0.9 • Public • Published

react-native-hpicker

<HorizontalPicker/> is a horizontally scrolling picker component. The goal of this component is to be a drop-in replacement for the bundled <Picker/>, but to introduce a nicer and more compact layout.

Installation

You install the picker by running npm install --save react-native-hpicker. Then, simply import the component: import HorizontalPicker from 'react-native-hpicker'; and you're good to go.

Example

import HorizontalPicker from 'react-native-hpicker';

/* ... */

<HorizontalPicker
  style={/* Whatever you want */}
  itemWidth={70}
  selectedValue={this.state.pickerValue}
  foregroundColor='gray'
  onChange={(pickerValue) => this.setState({pickerValue})}>
  <HorizontalPicker.Item label={1} value={1} />
  <HorizontalPicker.Item label={2} value={2} />
  <HorizontalPicker.Item label={3} value={3} />
</HorizontalPicker>

Component properties

TODO: List the props here.

TODOs

  • Improve docs
  • Add tests

Install

npm i @quantfive/react-native-horizontal-picker

DownloadsWeekly Downloads

4

Version

1.0.9

License

MIT

Unpacked Size

12 kB

Total Files

4

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar