1.0.2 • Published 4 years ago

react-native-fade-in-out-slideshow v1.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
4 years ago

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-slideshow

Import 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>
)

}

Alt Text

Props
dataPull picture sources (required)
styleIs to default JSX props same use
durationSet duration for images (default value 5000)
fadeDurationSet duration for fade animation (default value 1000)
1.0.2

4 years ago

1.0.0

4 years ago