react-native-pulsator
v0.5.0
Published
Pulsing effects for React Native
Downloads
3
Readme
react-native-pulsator
Pulsator for React Native. This library binds iOS and Android libraries from below repositories:
iOS: https://github.com/shu223/Pulsator Android: https://github.com/booncol/Pulsator4Droid
Getting started
$ yarn add react-native-pulsator
And that's it. React Native will link native libraries automatically.
Wrap a child view with RNPulsator and the library will create pulsing effects from the center of the view.
Usage
import RNPulsator from 'react-native-pulsator';
import img from './img.png'
// .....
<View style={styles.container}>
<RNPulsator
color="#0075c4"
numPulse={1}
animationDuration={1}>
<View style={styles.imgContainer}>
<Image source={img} />
</View>
</RNPulsator>
</View>
Props
color
The colour of the pulse
numPulse
Number of pulses. In other words the number circles that are pulsing on each repeat.
animationDuration
How long will each animation take in seconds.