onSlideSuccess is not getting called

[shivam21]

here is my component

/**

• Sample React Native App
• https://github.com/facebook/react-native
• @flow
  */

import React, {Component} from 'react';
import {View, Text} from 'react-native';
import {SlideButton, SlideDirection} from './SlideButton';
import Button from './Button';

export default class App extends Component {
onSlide() {
console.log('clicked!!');
}

render() {
    return (
        <View
            style={{
                backgroundColor: 'rgba(0,0,0,0.8)',
                position: 'absolute',
                bottom: 0,
                height: 70,
                flex: 1,
                width: 500
            }}>
            <View
                style={{
                    backgroundColor: '#212121',
                    borderRadius: 20,
                    width: 350,
                    height: 50,
                    marginTop: 10,
                    marginLeft: 5
                }}
            >
                <SlideButton
                    onSlideSuccess={()=>{console.log('clicked!!')}}
                    width={500}
                    height={50}
                    successfulSlidePercent={40}

                >
                    <View style={{height: 50, width: 80, flexDirection: 'row'}}>
                        <Button>Pay 250</Button>

                    </View>
                </SlideButton>
                <Text style={{position: 'absolute', marginLeft: 150, color: 'white', marginTop: 10}}>Swipe
                    to continue>></Text>
            </View>
        </View>
    );
}

}

const styles = {
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
buttonOuter: {
marginTop: 20
},

button: {
    color: 'black',
    fontSize: 15,
    width: 100,
    borderRadius: 10,
    backgroundColor: 'white',
    fontWeight: 'bold'
}

};