Skip to content

brendean/react-native-swipeout

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-swipeout

iOS-style swipeout buttons that appear from behind a component swipeout preview

Installation

npm install --save react-native-swipeout

Usage example

note: see example/index.ios.js for more detailed example

var Swipeout = require('react-native-swipeout')

// Buttons
var swipeoutBtns = [
  {
    text: 'Button'
  }
]

// Swipeout component
<Swipeout btns={swipeoutBtns}>
  <View>
    <Text>Swipe me left</Text>
  </View>
</Swipeout>

Props

Prop Type Optional Default Description
autoClose bool Yes false auto close on button press
backgroundColor string Yes '#dbddde'
btns array No [] swipeout buttons
Button props
Prop Type Optional Default Description
backgroundColor string Yes '#b6bec0' background color
color string Yes '#ffffff' text color
onPress func Yes null function executed onPress
text string No 'Click Me' text
type string Yes 'default' keyword styles: default, primary, secondary

To Do

https://github.com/dancormier/react-native-swipeout/issues

About

iOS-style swipeout buttons behind component

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 63.5%
  • Objective-C 36.5%