1.0.2 • Published 5 years ago

react-native-component-fade v1.0.2

Weekly downloads
7
License
MIT
Repository
github
Last release
5 years ago

react-native-component-fade npm version

A simple and lightweight React Native component that fades in it's child components

Installation

yarn add react-native-component-fade or npm install react-native-component-fade --save

Usage

import { Fade } from "react-native-component-fade";

const myFadeInComponent = () => (
  <FadeInView
    duration={750}
    style={{ alignItems: "center" }}
    onFadeComplete={() => alert("Fade animation complete")}
  >
    <Text>This text and component will fade in on mount</Text>
    <MyCustomComponent />
  </FadeInView>
);

Properties

NameDescriptionType
onFadeCompleteCalled when animation completesFunction
durationDuration of the animationNumber
styleAdditional stylesObject