https://github.com/robcalcroft/react-native-fade-in-view

:performing_arts: A simple and lightweight RN component that fades in its children
https://github.com/robcalcroft/react-native-fade-in-view

animated fade-in fader react-native

Last synced: 29 days ago
JSON representation

:performing_arts: A simple and lightweight RN component that fades in its children

• Host: GitHub
• URL: https://github.com/robcalcroft/react-native-fade-in-view
• Owner: robcalcroft
• License: mit
• Created: 2017-01-31T14:10:55.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-07-12T02:39:03.000Z (over 1 year ago)
• Last Synced: 2024-10-05T20:46:29.379Z (2 months ago)
• Topics: animated, fade-in, fader, react-native
• Language: JavaScript
• Homepage:
• Size: 99.6 KB
• Stars: 47
• Watchers: 3
• Forks: 11
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-fade-in-view ★29 - A simple and lightweight RN component that fades in its children (Components / UI)
• awesome-reactnative-ui - react-native-fade-in-view - native-fade-in-view.svg)| (Others)
• awesome-react-native - react-native-fade-in-view ★29 - A simple and lightweight RN component that fades in its children (Components / UI)
• awesome-reactnative-ui - react-native-fade-in-view - native-fade-in-view.svg)| (Others)
• awesome-react-native - react-native-fade-in-view ★29 - A simple and lightweight RN component that fades in its children (Components / UI)
• awesome-react-native-ui - react-native-fade-in-view ★3 - A simple and lightweight RN component that fades in its children (Components / UI)
• awesome-react-native - react-native-fade-in-view ★29 - A simple and lightweight RN component that fades in its children (Components / UI)

README

        
# react-native-fade-in-view [![npm version](https://badge.fury.io/js/react-native-fade-in-view.svg)](https://badge.fury.io/js/react-native-fade-in-view)

> A simple and lightweight RN component that fades in its children

## Install

`yarn add react-native-fade-in-view` or `npm install react-native-fade-in-view --save`

## API

### `onFadeComplete`

A function that is called when the fade animation completes

### `duration`

The duration of the fade animation, **`500ms`** by default

### `style`

Style to be given to the view

## Usage

```javascript

import FadeInView from 'react-native-fade-in-view';

const myFadeInComponent = () => (

   alert('Ready')}

  >

    This view will fade in nicely

  

);

```