🎭 A simple and lightweight RN component that fades in its children
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.babelrc Initial setup Jan 31, 2017
.eslintrc Initial setup Jan 31, 2017
.gitignore Initial setup Jan 31, 2017
FadeInView.js Fix proptypes Dec 26, 2017
LICENSE Initial commit Jan 31, 2017
README.md Add NPM badge Jan 31, 2017
package.json v1.0.5 Feb 8, 2018
yarn.lock Initial setup Jan 31, 2017

README.md

react-native-fade-in-view npm version

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

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

const myFadeInComponent = () => (
  <FadeInView
    duration={750}
    style={{ alignItems: 'center' }}
    onFadeComplete={() => alert('Ready')}
  >
    <Text>This view will fade in nicely</Text>
  </FadeInView>
);