https://github.com/xiewang/react-native-elastic-image-slider
react-native-elastic-image-slider
https://github.com/xiewang/react-native-elastic-image-slider
elastic imageslider react react-native
Last synced: 12 months ago
JSON representation
react-native-elastic-image-slider
- Host: GitHub
- URL: https://github.com/xiewang/react-native-elastic-image-slider
- Owner: xiewang
- Created: 2017-06-28T13:32:16.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-08-29T12:13:40.000Z (almost 9 years ago)
- Last Synced: 2025-05-07T06:38:32.312Z (about 1 year ago)
- Topics: elastic, imageslider, react, react-native
- Language: JavaScript
- Size: 3.57 MB
- Stars: 18
- Watchers: 2
- Forks: 5
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-native-elastic-image-slider
react native elastic image slider component
## Install
```js
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'
}
];
```
### 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](https://github.com/PaulBGD/react-native-image-slider)