Skip to content

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

License

Notifications You must be signed in to change notification settings

robcalcroft/react-native-fade-in-view

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •