Skip to content

tikkichan4/react-native-fade-view

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-fade-view

npm license

Cross fade effect for child components

example

Installation

npm install --save react-native-fade-view

Usage

import React, { Component } from 'react';
import { Image, Text } from 'react-native';
import FadeView from 'react-native-fade-view';

class Example extends Component {
  render() {
    let { active } = this.state;

    return (
      <FadeView active={active}>
        <Text>loading...</Text>
        <Image onLoad={() => this.setState({ active: true })} />
      </FadeView>
    );
  }
}

Properties

name description type default
animationDuration Fade animation duration Number 225
active Fade view state Boolean false

Example

git clone https://github.com/n4kz/react-native-fade-view
cd react-native-fade-view/example
npm install
react-native run-ios # or run-android

Copyright and License

BSD License

Copyright 2017 Alexander Nazarov. All rights reserved.

About

Cross fade effect for child components

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Objective-C 38.6%
  • JavaScript 34.8%
  • Python 15.1%
  • Java 11.5%