1.0.2 • Published 5 years ago
react-native-fade-in-out-slideshow v1.0.2
react-native-fade-in-out-slideshow
Make simple Slideshow your applications
Installation
Slideshow requires Node.js v10+ to run.
npm
npm i react-native-fade-in-out-slideshowImport React Native
import Slideshow from 'react-native-fade-in-out-slideshow'Example
const items = [
{
image:
'https://images.pexels.com/photos/7063754/pexels-photo-7063754.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260',
},
{
image:
'https://images.pexels.com/photos/7063749/pexels-photo-7063749.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260',
},
{
image:
'https://images.pexels.com/photos/7063746/pexels-photo-7063746.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260',
},
];
const App = () => {
return (
<View>
<Slideshow data={items} duration={4000} fadeDuration={1200} style={{width:300, height:300}} />
</View>
)
}
| Props | |
|---|---|
| data | Pull picture sources (required) |
| style | Is to default JSX props same use |
| duration | Set duration for images (default value 5000) |
| fadeDuration | Set duration for fade animation (default value 1000) |