Raining confetti made with react native animations
npm i -S react-native-confetti
import React, {Component} from 'react';
import {
AppRegistry,
StyleSheet,
View
} from 'react-native';
import Confetti from 'react-native-confetti';
class RNConfetti extends Component {
componentDidMount() {
if(this._confettiView) {
this._confettiView.startConfetti();
}
}
render() {
return <View style={styles.container}>
<Confetti ref={(node) => this._confettiView = node}/>
</View>
}
}
const styles = StyleSheet.create({
container: {
flex: 1
}
});
Property | Type | Default | Description |
---|---|---|---|
confettiCount |
Number |
100 | Number of confetti |
timeout |
Number |
30 (ms) | Timeout between confetti |
duration |
Number |
6000 (ms) | Duration until a conffetti reaches the bottom |