Socket
Socket
Sign inDemoInstall

react-native-slide-button

Package Overview
Dependencies
0
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.1.0 to 1.1.1

2

package.json
{
"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 @@ }

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