Socket
Socket
Sign inDemoInstall

rn-sliding-button

Package Overview
Dependencies
0
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

rn-sliding-button

SlidingButton component for react-native, same api on both android and ios.


Version published
Maintainers
1
Weekly downloads
73
increased by23.73%

Weekly downloads

Readme

Source

React Native Sliding Button

npm version

React Native Button component which support Slide event to perform action.It support only slideComplete event not tappe event.

rnslidingbutton

Installation.

Install the package with NPM.

npm install rn-sliding-button --save

Or with YARN

yarn install rn-sliding-button

How to use.

Very simple to use just add this component in your file.

// import packages
import {RNSlidingButton, SlideDirection} from 'rn-sliding-button';

// use in your class
onSlideRight = () => {
    //perform Action on slide success.
};

<RNSlidingButton
  style={{
    width: 240
  }}
  height={35}
  onSlidingSuccess={this.onSlideRight}
  slideDirection={SlideDirection.RIGHT}>
  <View>
    <Text numberOfLines={1} style={styles.titleText}>
      SLIDE RIGHT TO ACCEPT >
    </Text>
  </View>
</RNSlidingButton>

const styles = StyleSheet.create({
    titleText: {
        fontSize: 17,
        fontWeight: 'normal',
        textAlign: 'center',
        color: '#ffffff'
    }
});

API

SlidingButton

PropTypeDefaultDescription
heightnumberHeight of button
slideDirectionstringSlideDirection.RIGHTDetermines which direction to slide. Either SlideDirection.LEFT, SlideDirection.RIGHT, SlideDirection.BOTH.
onSlidingSuccessfunctionFired when slide succeeds
onSlidefunctionFired on every movement. Distance of movement is passed as argument.
successfulSlidePercentnumberPercent of total button width needed to slide before movement is seen as a successful slide. Default is 40.

Keywords

FAQs

Last updated on 03 Jan 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc