react-native-slide-button
Advanced tools
Comparing version 1.1.0 to 1.1.1
{ | ||
"name": "react-native-slide-button", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"description": "Slide to proceed button for React Native", | ||
@@ -5,0 +5,0 @@ "main": "SlideButton.js", |
# react-native-swipe-button | ||
Customizable swipe button component for React Native | ||
Customizable swipe button component for React Native. | ||
![](http://i.imgur.com/Fue6MKo.gif) | ||
Installation | ||
--- | ||
``` | ||
npm i react-native-slide-button | ||
``` | ||
Usage | ||
--- | ||
``` | ||
<View style={{height: 50, width: 500}}> <!-- Outer wrapper --> | ||
<SlideButton onSwipeSuccess={this.onSlide.bind(this}> | ||
<View style={{height: 50, width: 500}}> <!-- Inner wrapper --> | ||
<Text>Slide Button</Text> | ||
</View> | ||
</SlideButton> | ||
</View> | ||
``` | ||
* Inner wrapper contents will be moved when swiped. Button text, for example, ,may go here. | ||
* Outer wrapper contents are static and will not move. Button's background and other styles, may go here. | ||
TODO | ||
--- | ||
- [ ] Implement onSlide prop to let components listen to slide events. | ||
- [ ] Write testcases. | ||
- [ ] Write separate convenience component tailored to meet the most common usecase; button with text inside. |
@@ -100,5 +100,5 @@ 'use strict'; | ||
onSwipeSuccess() { | ||
if (this.props.onSwipeSuccess !== undefined) { | ||
this.props.onSwipeSuccess(); | ||
onSlideSuccess() { | ||
if (this.props.onSlideSuccess !== undefined) { | ||
this.props.onSlideSuccess(); | ||
} | ||
@@ -105,0 +105,0 @@ } |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
7826
32
0