
npm install react-native-confetti-cannon
# or
yarn add react-native-confetti-cannon
import ConfettiCannon from 'react-native-confetti-cannon';
const MyComponent = () => (
<ConfettiCannon count={200} origin={{x: -10, y: 0}} />
);
| Name |
Type |
Description |
Required |
Default |
| count |
number |
items count to display |
required |
|
| origin |
{x: number, y: number} |
animation position origin |
required |
|
| explosionSpeed |
number |
explosion duration (ms) from origin to top |
|
350 |
| fallSpeed |
number |
fall duration (ms) from top to bottom |
|
3000 |
| fadeOut |
boolean |
make the confettis disappear at the end |
|
false |
| colors |
Array |
give your own colors to the confettis |
|
default colors |