Overview:
This product is a confetti animation component for React Native, which allows users to create celebratory confetti animations in their mobile applications. The component offers various customization options such as defining the number of items to display, colors of the confetti, animation speed, and more. Additionally, it provides event callbacks and methods for controlling the animation programmatically.
Features:
- Count: Define the number of items to display.
- Origin: Set the animation position origin with x and y coordinates.
- Explosion Speed: Define the duration of the explosion from origin to top.
- Fall Speed: Set the duration of the fall from top to bottom.
- Fade Out: Option to make the confetti disappear at the end.
- Colors: Customize the colors of the confetti.
- Auto Start: Automatically start the animation.
- Auto Start Delay: Set a delay before triggering the animation.
Installation:
To install this confetti animation component, follow these steps:
- Run
npm install react-native-confetti-cannon --save
to install the package. - Import the component in your file:
import ConfettiCannon from 'react-native-confetti-cannon';
- Start using the component by adding
<ConfettiCannon />
in your code.
Summary:
The React Native Confetti Cannon component provides an easy way to add festive confetti animations to mobile applications. With customizable features, event callbacks, and methods for control, developers can enhance user experiences with celebratory visual effects.