harpalsinh-jadeja / rnslidingbutton

React Native Button component which support Slide event to perform action.

React Native Sliding Button

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

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

Prop	Type	Default	Description
height	number		Height of button
slideDirection	string	SlideDirection.RIGHT	Determines which direction to slide. Either SlideDirection.LEFT, SlideDirection.RIGHT, SlideDirection.BOTH.
onSlidingSuccess	function		Fired when slide succeeds
onSlide	function		Fired on every movement. Distance of movement is passed as argument.
successfulSlidePercent	number		Percent of total button width needed to slide before movement is seen as a successful slide. Default is 40.

rnslidingbutton's Issues

Missing default param for Animated.timing

Hello!

Awesome little component but I noticed this warning Animated 'useNativeDriver' was not specified. This is a required option and must be explicitly set to 'true' or 'false'.

This can be fixed by adding useNativeDriver: false to each of the Animated.timing calls in the options.

Cheers

Could not find a declaration file for module 'rn-sliding-button'

This is the whole warning I have got
Could not find a declaration file for module 'rn-sliding-button'. '/hamza/Desktop/BestWebMobile/Mister_Delivery/md-mobile-app/node_modules/rn-sliding-button/index.js' implicitly has an 'any' type. Try npm install @types/rn-sliding-buttonif it exists or add a new declaration (.d.ts) file containingdeclare module 'rn-sliding-button';ts(7016)

A warning appears that componentWillMount has been renamed

A warning appears that componentWillMount has been renamed, and is not recommended for use.

The text is going to both sizes even if I use the slideDirection property

the text is going to both sizes even if I use the slideDirection property

RTL issues

I used I18n Manager for right to left language configuration.
I18nManager.forceRTL(isRTLSupported);
But this library is not supporting RTL configuration.
Sliding is not working properly in RTL language.