Napping Panda Missionaries

    @yz1311/react-native-pulse-loader
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.4-beta1 • Public • Published

    Pulse Loader for React Native

    tinder-like loader for your react native app

    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' })

    Install

    npm i @yz1311/react-native-pulse-loader

    DownloadsWeekly Downloads

    2

    Version

    1.0.4-beta1

    License

    MIT

    Unpacked Size

    8.46 kB

    Total Files

    8

    Last publish

    Collaborators

    • yz1311