@dillionverma/react-native-swipe-button

1.1.3 • Public • Published

React Native Swipe Button

This component can be used to have an animated swipable button in your react-native app.

npm npm (scoped) GitHub issues GitHub pull requests

@dillionverma/react-native-swipe-button

Install

npm i @dillionverma/react-native-swipe-button
// or
yarn add @dillionverma/react-native-swipe-button

Props

Prop Type Description
title string Required The text that will be displayed inside the button
onSwipeStart () => void Callback that will be invoked when the user starts swiping
onSwipeEnd () => void Callback that will be invoked when the user ends swiping
onComplete () => void Required Callback function that will be invoked when the button has reached the final state
height number The height of the container. Default 70
borderRadius number The border radius of the container and button (default: height / 2)
completeThresholdPercentage number Determinates when onComplete should be invoked (default: 100)
containerStyle StyleProp Styling for the container
underlayStyle StyleProp Styling for the underlay container
iconContainerStyle StyleProp Styling for the icon container
titleContainerProps ViewProps Additonal Props for the title container
titleContainerStyle StyleProp Styling for the title container
titleProps TextProps Additonal Props for the title text
titleStyle StyleProp Styling for the title text

Dependencies (0)

    Dev Dependencies (25)

    Package Sidebar

    Install

    npm i @dillionverma/react-native-swipe-button

    Weekly Downloads

    67

    Version

    1.1.3

    License

    ISC

    Unpacked Size

    153 kB

    Total Files

    22

    Last publish

    Collaborators

    • dillionverma