react-native-horizontal-picker

0.0.1 • Public • Published

react-native-horizontal-picker

Screenshot

Add it to your project

You can try linking the project automatically:

$ react-native link

or do it manually as described below:

iOS

  • Run npm install react-native-horizontal-picker --save

or:

Manually
  1. Open your project in XCode, right click on Libraries and click Add Files to "Your Project Name" Look under node_modules/react-native-horizontal-picker and add RNTHorizontalPicker.xcodeproj.
  2. Add libRNTHorizontalPicker.a to Build Phases -> Link Binary With Libraries
  3. Click on libRNTHorizontalPicker.xcodeproj in Libraries and go the Build Settings tab.

Then:

  • Whenever you want to use it within React code now you can: import HorizontalPicker from 'react-native-horizontal-picker';

Example

<HorizontalPicker
  selectedIndex={0} //initial index can be set using this
  style={{ width: 150, height: 100, marginBottom: 4 }} //styles usually given to View component
  titles={[1, 2, 3, 4]} //can be an array of numbers or strings
  onChange={(event: Event) => { console.log('index of selected value', event.nativeEvent.newIndex); }}
/>

To-do list

  • Add test cases
  • More UI customization support
  • Android support
  • Support for images

Credit

This component is based on akkyie's component AKPickerView. License: https://github.com/Akkyie/AKPickerView/blob/master/LICENSE

License

MIT.

Readme

Keywords

none

Package Sidebar

Install

npm i react-native-horizontal-picker

Weekly Downloads

68

Version

0.0.1

License

MIT

Last publish

Collaborators

  • vineetha2438