Numerous Packages Multiply

    react-native-image-carousel-slider

    1.1.4 • Public • Published

    👨‍💻 react-native-image-carousel-slider

    Node.js



    version 1.0.9

    BUILD SETUP

     
    ## Installation 
     
    npm install react-native-image-carousel-slider --save
     
     
     

    USAGE

     
    import CarouselDisplay from react-native-image-carousel-slider
    const image = ['https://www.bradykesner.com/wp-content/uploads/2016/11/clingmans-dome-sunset-smoky-mountain-national-park-1030x687.jpg',
    'https://www.nps.gov/blri/learn/nature/images/Bear-Trap-Gap-MP-428-robert-Stevens-web.jpg?maxwidth=1200&maxheight=1200&autorotate=false',
    'https://static.rootsrated.com/image/upload/s--U0wjV1dP--/t_rr_large_traditional/kzw1j2a9jcad36x6ytof.jpg'
    ]
    class App extends Component {
        state={
            active:0
        }
         handleMovements = ({nativeEvent}) => {
        const slide = Math.ceil(
          nativeEvent.contentOffset.x / nativeEvent.layoutMeasurement.width,
        );
        if (slide !== this.state.active) {
          this.setState({
            active: slide,
          });
        }
      };
        render(){
            return(
                <CarouselDisplay 
                screen={'DisplayFullImages'} 
              fixedData={carDetails[1].image}
              screenNavigation={this.props.navigation}
              active={this.state.active}
              handleMovements={this.handleMovements}
            />
     
           
            )
        }
    }
    Girl in a jacket

    Current API(Property)

    Property Type Description
    screen PropTypes.string (optional)Screen Navigation and will passing property 'detailImage' as array
    fixedData PropTypes.array (required) Array Of Image
    screenNavigation PropTypes.function (optional) navigation function
    active PropTypes.number display active image that choosed
    handleMovements PropTypes.object Native Event

    Project Documentation

    • Author Account
    Arwy Syahputra Siregar
    github.com/arwysyah
     

    Copyright ©

    by Arwy Syahputra Siregar

    Keywords

    none

    Install

    npm i react-native-image-carousel-slider

    DownloadsWeekly Downloads

    12

    Version

    1.1.4

    License

    ISC

    Unpacked Size

    24.5 kB

    Total Files

    4

    Last publish

    Collaborators

    • arwysyah