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

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}
        />

       
        )
    }
}

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