1.0.4-beta1 • Published 3 years ago
@yz1311/react-native-pulse-loader v1.0.4-beta1
Installation
npm i react-native-pulse-loader --save
Example
import React from 'react';
import PulseLoader from 'react-native-pulse-loader';
const App = ({}) => (
<PulseLoader
avatar={'https://scontent-fra3-1.cdninstagram.com/t51.2885-15/e35/11429705_386886401514376_550879228_n.jpg'}
/>
);
API
Property | Type | Default | Description |
---|---|---|---|
interval | number | 2000 | action buttons visible or not |
size | number | 100 | width and height of the avatar |
pulseMaxSize | number | 250 | maximum size of the pulse in the background |
avatar | string | undefined | required avatar url to display |
pressInValue | number | 0.8 | should be between 0 and 1. scale of the avatar, when pressed in |
pressDuration | number | 150 | duration of the scale animation |
pressInEasing | Easing | Easing.in | easing type of the press in animation |
pressOutEasing | Easing | Easing.out | easing type of the press out animation |
borderColor | string | '#D8335B' | border color of the pulse |
backgroundColor | string | '#ED225B55' | background color of the pulse |
getStyle | function | undefined | override the styling of the pulse. gets as parameter the Animated variable. e.g. (anim) => ({ backgroundColor: 'yellow' }) |
1.0.4-beta5
3 years ago
1.0.4-beta4
3 years ago
1.0.4-beta3
3 years ago
1.0.4-beta2
3 years ago
1.0.4-beta1
3 years ago