n4kz / React Native Fade View
Licence: other
Cross fade effect for child components
Stars: ✭ 46
Programming Languages
javascript
184084 projects - #8 most used programming language
react-native-fade-view
Cross fade effect for child components
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].