react-native-swipeout

WebJar for react-native-swipeout

Лицензия

Лицензия

MIT
Категории

Категории

React Взаимодействие с пользователем Веб-фреймворки Native Инструменты разработки
Группа

Группа

org.webjars.npm
Идентификатор

Идентификатор

react-native-swipeout
Последняя версия

Последняя версия

2.3.6
Дата

Дата

Тип

Тип

jar
Описание

Описание

react-native-swipeout
WebJar for react-native-swipeout
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

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

Скачать react-native-swipeout

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.npm/react-native-swipeout/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>react-native-swipeout</artifactId>
    <version>2.3.6</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/react-native-swipeout/
implementation 'org.webjars.npm:react-native-swipeout:2.3.6'
// https://jarcasting.com/artifacts/org.webjars.npm/react-native-swipeout/
implementation ("org.webjars.npm:react-native-swipeout:2.3.6")
'org.webjars.npm:react-native-swipeout:jar:2.3.6'
<dependency org="org.webjars.npm" name="react-native-swipeout" rev="2.3.6">
  <artifact name="react-native-swipeout" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='react-native-swipeout', version='2.3.6')
)
libraryDependencies += "org.webjars.npm" % "react-native-swipeout" % "2.3.6"
[org.webjars.npm/react-native-swipeout "2.3.6"]

Зависимости

compile (3)

Идентификатор библиотеки Тип Версия
org.webjars.npm : create-react-class jar [15.6.0,16)
org.webjars.npm : prop-types jar [15.5.10,16)
org.webjars.npm : react-tween-state jar [0.1.5,0.2)

Модули Проекта

Данный проект не имеет модулей.

DEPRECATED

this is no longer supported, please consider using https://github.com/software-mansion/react-native-gesture-handler instead.

react-native-swipeout

iOS-style swipeout buttons that appear from behind a component

swipeout preview

Installation

npm install --save react-native-swipeout

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.

import Swipeout from 'react-native-swipeout';

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

// Swipeout component
<Swipeout right={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'
close bool Yes close swipeout
disabled bool Yes false whether to disable the swipeout
left array Yes [] swipeout buttons on left
onOpen func Yes (sectionID, rowId, direction: string) => void
onClose func Yes (sectionID, rowId, direction: string) => void
right array Yes [] swipeout buttons on right
scroll func Yes prevent parent scroll
style style Yes style of the container
sensitivity number Yes 50 change the sensitivity of gesture
buttonWidth number Yes each button width
Button props
Prop Type Optional Default Description
backgroundColor string Yes '#b6bec0' background color
color string Yes '#ffffff' text color
component ReactNode Yes null pass custom component to button
onPress func Yes null function executed onPress
text string Yes 'Click Me' text
type string Yes 'default' default, delete, primary, secondary
underlayColor string Yes null button underlay color on press
disabled bool Yes false disable button

To Do

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

Версии библиотеки

Версия
2.3.6