1.1.1 • Published 6 years ago

react-native-pulse-anim v1.1.1

Weekly downloads
6
License
MIT
Repository
github
Last release
6 years ago

Installation

npm i react-native-pulse-animation --save

ToDo

[] uncomment & fix the onPress event to work cross platform
[] refactor some code

Example

import React from 'react';
import styles from '../styles';
import PulseAnim from 'react-native-pulse-anim';

class App extends React.Component {
  render() {
    return (
    <View style={{marginTop:100}}>
       <PulseAnim style={[styles.container]} avatar={this.props.Img} />
	   <Text style={[styles.container, {top:0}]}>Example Text</Text>
	</View>
    );
  }
}

API

PropertyTypeDefaultDescription
intervalnumber2000action buttons visible or not
sizenumber100width and height of the avatar
pulseMaxSizenumber200maximum size of the pulse in the background
avatarstringundefinedrequired avatar url or local path to display
pressInValuenumber0.8should be between 0 and 1. scale of the avatar, when pressed in
pressDurationnumber150duration of the scale animation -DEACTIVATED
pressInEasingEasingEasing.ineasing type of the press in animation -DEACTIVATED
pressOutEasingEasingEasing.outeasing type of the press out animation -DEACTIVATED
borderColorstring'#D8335B'border color of the pulse
backgroundColorstring'#ED225B55'background color of the pulse
getStylefunctionundefinedoverride the styling of the pulse. gets as parameter the Animated variable. e.g. (anim) => ({ backgroundColor: 'yellow' })
1.1.1

6 years ago

1.1.0

6 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago