react-native-horizontal-picker-q5
v1.0.9
Published
Horizontally scrolling picker component for React Native
Downloads
5
Readme
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