sahlhoff / react-native-pulse

React Native Pulse Animation
MIT License
149 stars 49 forks source link

Implement pulseStyle prop #18

Closed kodie closed 5 years ago

kodie commented 5 years ago

This PR implements the new pulseStyle prop so that we can have a little more flexibility with the way the pulses look.

For example you could do something like this to make the pulses have a borderColor without a background to have a sort of "pulsing rings" effect:

<Pulse
  color=""
  numPulses={3}
  diameter={100}
  speed={20}
  duration={2000}
  pulseStyle={{ borderWidth: 3, borderColor: 'red' }} />

I also cleaned up a few small things such as removed double line-breaks/extra whitespaces as well as alphabetized object properties.

Thanks for the sweet component!

sahlhoff commented 5 years ago

@kodie LGTM, thanks for contributing!