1.0.0 • Published 7 years ago

react-native-elastic-image-slider v1.0.0

Weekly downloads
16
License
ISC
Repository
github
Last release
7 years ago

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.
    
    	```js
    	import ImageSlider from 'react-native-elastic-image-slider';
    	```
  • step 2

    	Write the component code in the proper place of your page render.
    
    	```js
    	 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}
                      />

props

PropTypeDescriptionRequiredDefault
imagesarraythe images to slideYesNone
initialPositionnumberinitial one of all images to showNo0
stylestylecustom styleNoNone

Thanks

Inspired by react-native-image-slider