Cross fade effect for child components
npm install --save react-native-fade-view
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>
);
}
}
name | description | type | default |
---|---|---|---|
animationDuration | Fade animation duration | Number | 225 |
active | Fade view state | Boolean | false |
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
BSD License
Copyright 2017 Alexander Nazarov. All rights reserved.