react-native-fadeview-wrapper v1.0.8

React Native FadeView

FadeView is a handy component written in TypeScript in order to handle the fade animations more easier for every react native component.

Installing

For the latest stable version:

using npm:

npm install --save react-native-fadeview-wrapper

using yarn:

yarn add react-native-fadeview-wrapper

Usage

import React, { Component } from 'react';
import FadeView, { Bearing } from 'react-native-fadeview-wrapper';

const Example = () => {

    const [isVisible, setIsVisible] = React.useState<boolean>(false)

    return (
      <FadeView 
          visible={visible} 
          bearingMoveDistance={20}
          leaveBearing={Bearing.Top} 
          entranceBearing={Bearing.Bottom}>
          {/** any components can be used here in order to have the fade animation */}    
      </FadeView>
    );
}

Documentation

here is the properties and the descriptions of it: