rn-fadein-fadeout-images

This component works as fade in and fade out the images.

Installation

yarn add rn-fadein-fadeout-images

Usage

import React from 'react';
import {View} from 'react-native';

import ImagesFadeInOut from 'rn-fadein-fadeout-images';

const arr = [
  'https://images.pexels.com/photos/704569/pexels-photo-704569.jpeg?cs=srgb&dl=pexels-daria-shevtsova-704569.jpg&fm=jpg',
  'https://images.pexels.com/photos/1391487/pexels-photo-1391487.jpeg?cs=srgb&dl=pexels-monicore-1391487.jpg&fm=jpg',
  'https://images.pexels.com/photos/1260968/pexels-photo-1260968.jpeg?cs=srgb&dl=pexels-daria-shevtsova-1260968.jpg&fm=jpg',
];

const App = () => {
  return (
    <View style={{flex: 1}}>
      <ImagesFadeInOut style={{margin: 10, borderRadius: 15}} images={arr} />
    </View>
  );
};

export default App;

Example

Props

These are the props that the rn-fadein-fadeout-images component accepts:

| Property | Type | Required | Default | Description | | --------------- | -------- | -------- | ------- | ------------------------------ | | images | Array | true | | Array of images are required | | style | Object | true | | Style for the images | | fadeInduration | Number | false | 3000 | The duration of fade in image | | fadeOutduration | Number | false | 3000 | The duration of fade out image |

Support

I would like to see your suggestions, in case of any query you can feel free to contact me at [email protected] and you can also contact me on Linkedln account https://www.linkedin.com/in/sheraz-raees-140b0b197/

Contributing

Pull requests are welcome. For any major changes, please open an issue first to discuss what you would like to change.