Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including react-native-swipe-out with all npm packages installed. Try it out:

var reactNativeSwipeOut = require("react-native-swipe-out")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-native-swipe-out v2.0.14

iOS-style swipeout buttons behind component

forked from dancormier/react-native-swipeout, fixed bugs and republished

react-native-swipe-out

iOS-style swipeout buttons that appear from behind a component

swipeout preview

Installation

npm install --save react-native-swipe-out

Usage example

See example/index.ios.js for a more detailed example. See the Wiki usage tips. To use swipeout behind a iOS-style listitem, try react-native-listitem.

var Swipeout = require('react-native-swipe-out')

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

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

Props

PropTypeOptionalDefaultDescription
autoCloseboolYesfalseauto close on button press
backgroundColorstringYes'#dbddde'
closeboolYesclose swipeout
leftarrayYes[]swipeout buttons on left
onOpenfuncYes
onClosefuncYes
rightarrayYes[]swipeout buttons on right
scrollfuncYesprevent parent scroll
stylestyleYesstyle of the container
sensitivitynumberYes0change the sensitivity of gesture
Button props
PropTypeOptionalDefaultDescription
backgroundColorstringYes'#b6bec0'background color
colorstringYes'#ffffff'text color
componentstringYesnullpass custom component to button
onPressfuncYesnullfunction executed onPress
textstringYes'Click Me'text
typestringYes'default'default, primary, secondary
underlayColorstringYesnullbutton underlay color on press
disabledboolYesfalsedisable button

To Do

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

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free