Skip to content

Latest commit

 

History

History
45 lines (36 loc) · 1.46 KB

README.md

File metadata and controls

45 lines (36 loc) · 1.46 KB

React Native Magic Confetti

Beautiful and butter smooth confetti animation for React Native.

Basic Advanced Real World

Installation

  • Intall react-native-reanimated
  • Install this package
    yarn add react-native-magic-confetti
    # OR
    npm add --save react-native-magic-confetti

Basic Usage

import Confetti from 'react-native-magic-confetti';

<Confetti confettiImages={[require('./confetti.png')]}>

Advanced Usage

import Confetti from 'react-native-magic-confetti';
import FastImage from 'react-native-fast-image';

<Confetti
  count={42} // custom number of confettis
  size={32}
  colors={['red', 'green', 'blue']} // require FastImage
  imageComponent={FastImage} // custom image component
  confettiImages={[
    require('./assets/star.png'),
    require('./assets/triangle.png'),
    require('./assets/square.png'),
    require('./assets/circle.png'),
  ]} // all confetti images to be chosen randomly
  yspeed={3} // fall speed
/>