Package Exports

react-native-fade-view

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-fade-view) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-native-fade-view

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
removeHiddenSubviews	Remove invisible subviews	Boolean	true

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