react-native-fade-view
Cross fade effect for child components
Last updated 2 years ago by n4kz .
BSD-3-Clause · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-native-fade-view 
SYNC missed versions from official npm registry.

react-native-fade-view

npm license codeclimate

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

Copyright 2017-2018 Alexander Nazarov. All rights reserved.

Current Tags

  • 0.6.0                                ...           latest (2 years ago)

7 Versions

  • 0.6.0                                ...           2 years ago
  • 0.5.0                                ...           2 years ago
  • 0.4.0                                ...           3 years ago
  • 0.3.0                                ...           3 years ago
  • 0.2.1                                ...           3 years ago
  • 0.2.0                                ...           3 years ago
  • 0.1.0                                ...           3 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 8
Dependencies (1)
Dev Dependencies (3)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |