react-native-elastic-image-slider

1.0.0 • Public • Published

react-native-elastic-image-slider

react native elastic image slider component, including emoji

emoticons

Install

npm install react-native-elastic-image-slider

Usage

UI Component

  • step 1

    Import the component package.

    import ImageSlider from 'react-native-elastic-image-slider';
  • step 2

    Write the component code in the proper place of your page render.

     let images = [
            {
                width: 150,
                height: 180,
                uri: 'http://chuantu.biz/t5/152/1501134247x2890173753.jpg'
            },
            {
                width: 200,
                height: 320,
                uri: 'http://chuantu.biz/t5/152/1501135055x3394041611.jpg'
            },
            {
                width: 200,
                height: 160,
                uri: 'http://chuantu.biz/t5/152/1501134194x2890173753.jpg'
            }
        ];
    <View style={{marginTop: 0,width:width}}>
                    <ImageSlide
                        images={images}
                        initialPosition={0}
                        />
     </View>

props

Prop Type Description Required Default
images array the images to slide Yes None
initialPosition number initial one of all images to show No 0
style style custom style No None

Thanks

Inspired by react-native-image-slider

Package Sidebar

Install

npm i react-native-elastic-image-slider

Weekly Downloads

1

Version

1.0.0

License

ISC

Last publish

Collaborators

  • xiewang