Package Exports

rc-swipeout
rc-swipeout/assets/index.css
rc-swipeout/lib/Swipeout

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-swipeout) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

rc-swipeout

iOS-style swipeout buttons that appear from behind a component

Screenshots

swipeout

Installation

npm install --save rc-swipeout

Development

npm install
npm start

Example

local: http://localhost:8000/examples/
online: http://react-component.github.io/rc-swipeout/

Usage

import Swipeout from 'rc-swipeout';

<Swipeout 
  left={[
    {
      text: 'reply',
      onPress:() => console.log('reply'),
      style: { backgroundColor: 'orange', color: 'white' }
    }
  ]} 
  right=[{
    {
      text: 'delete',
      onPress:() => console.log('delete'),
      style: { backgroundColor: 'red', color: 'white' }
    }
  }] 
  onOpen={() => console.log('open')}
  onClose={() => console.log('close')}
>
  <div style={{height: 44}}> swipeout demo </div>
</Swipeout>

API

props

属性	说明	类型	默认值
prefixCls	className prefix	String	`rc-swipeout`
style	swipeout style	Object	``
left	swipeout buttons on left	Array	`null`
right	swipeout buttons on right	Array	`null`
autoClose	auto close on button press	Boolean	`function() {}`
onOpen		Function	`function() {}`
onClose		Function	`function() {}`
disabled	disabled swipeout	Boolean	`false`

button props

属性	说明	类型	默认值
text	button text	String	`Click`
style	button style	Object	``
onPress	button press function	Function	`function() {}`

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

react-swipeout is released under the MIT license.