Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

sahlhoff/react-native-pulse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

28 Commits

Repository files navigation

React Native Pulse Animation

react native pulse

Installation

 npm install react-native-pulse --save

Usage

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

Props

Component accepts several self-descriptive properties:

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

About

React Native Pulse Animation

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 8

AltStyle によって変換されたページ (->オリジナル) /