react-native-scroll-picker

    0.0.2 • Public • Published

    react-native-picker-scrollview

    a pure js picker, each option item customizable

    example

    usage

    npm install react-native-picker-scrollview --save
    import React, {Component} from 'react';
    import ScrollPicker from 'react-native-picker-scrollview';
     
    export default class SimpleExample extends Component {
     
      render() {
        return (
          <ScrollPicker
            ref={(sp) => {this.sp = sp}}
            dataSource={[
              'a',
              'b',
              'c',
              'd',
            ]}
            selectedIndex={0}
            itemHeight={50}
            wrapperHeight={250}
            wrapperColor="#fafafa"
            highlightColor="#d8d8d8"
            renderItem={(data, index, isSelected) => {
              return(
                <View>
                  <Text >{data}</Text>
                </View>
              )
            }}
            onValueChange={(data, selectedIndex) => {
              //
            }}
          />
        )
      }
     
      someOtherFunc(){
        this.sp.scrollToIndex(2);   // select 'c'
        let selectedValue = this.sp.getSelected();  // returns 'c'
      }
    }

    Install

    npm i react-native-scroll-picker

    DownloadsWeekly Downloads

    5

    Version

    0.0.2

    License

    MIT

    Unpacked Size

    890 kB

    Total Files

    5

    Last publish

    Collaborators

    • lucasbassetti