1.0.0 • Published 2 years ago

@hichembaali/react-native-wheel-scrollview-picker v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Table of Contents

Installation

yarn add @hichembaali/react-native-wheel-scrollview-picker
# or
npm install @hichembaali/react-native-wheel-scrollview-picker --save

Usage

import React, { Component } from 'react';
import ScrollPicker from '@hichembaali/react-native-wheel-scrollview-picker';

export default class SimpleExample extends Component {
  render() {
    return (
      <ScrollPicker
        dataSource={['1', '2', '3', '4', '5', '6']}
        selectedIndex={1}
        renderItem={(data, index) => {
          //
        }}
        onValueChange={(data, selectedIndex) => {
          //
        }}
        wrapperHeight={180}
        wrapperWidth={150}
        wrapperColor='#FFFFFF'
        itemHeight={60}
        highlightColor='#d8d8d8'
        highlightBorderWidth={2}
      />
    );
  }
}

Props

PropsDescriptionTypeDefault
dataSourceData of the pickerArray
selectedIndexselected index of the itemnumber1
wrapperHeightheight of the pickernumber
wrapperWidthwidth of the pickernumber
wrapperBackgroundpicker backgroundstring'#FFF'
itemHeightheight of each itemnumber
highlightColorcolor of the indicator linenumber"#d8d8d8"
highlightBorderWidthwidth of the indicatorstring1
activeItemTextStyleActive Item Text object styleobject
itemTextStyleItem Text object styleobject

Author

License

MIT