React Native Pulse Animation
Switch branches/tags
Clone or download
Pull request Compare This branch is 3 commits behind sahlhoff:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

React Native Pulse Animation

react native pulse


  npm install react-native-pulse --save


const Pulse = require('react-native-pulse');
class helloWorld extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Pulse color='orange' numPulses={3} diameter={400} speed={20} duration={2000} />


Component accepts several self-descriptive properties:

  • color (String) - Backgroundcolor for pulse. React-native colors supported. Default color is blue.
  • numPulses (Number) - This is the number of pulses that will be rendered. Defaults to 3.
  • diameter (Number) - This is the maximum diameter that a pulse will be. Defaults to 400.
  • initialDiameter (Number) - The diameter new pulses will start with. Defaults to 0.
  • style (object) - Style properties for pulse container positioning eg.
  • image (object) - Image for center pulse thumbnail.
  • speed (Number) - Speed in milliseconds pulse will redraw. Defaults to 10.
  • duration (Number) - Duration in milliseconds this is the delay new pulses will be created. Defaults to 1000.