简介
@binpar/react-native-swipeout 是一个 React Native 的 Swipeout 组件，它可以让你在 React Native 中实现类似 iOS Swipeout 的效果，方便用户操作。本文将介绍如何使用该组件，并提供一些实用的示例代码。
安装
npm install @binpar/react-native-swipeout --save
使用
导入组件
import Swipeout from '@binpar/react-native-swipeout'
使用组件
-- -------------------- ---- -------
--------- ---------
----- -----
-------- -- -- -
---------------------
--
----- --------
--- -
------
---
-------
-----------配置项
属性
| 属性名 | 类型 | 说明 |
|---|---|---|
| left | array of object | 左侧按钮配置，对象属性：text、onPress、type |
| right | array of object | 右侧按钮配置，对象属性：text、onPress、type |
| style | object | 样式 |
方法
| 方法名 | 说明 |
|---|---|
| close | 关闭侧滑菜单 |
| open | 打开侧滑菜单 |
示例
左右侧滑删除按钮
-- -------------------- ---- -------
--------- --------
----- ------
-------- -- -- -
------------------ --------- ---
-
---
---------
----- -----
-------- -- -- -
------------------ --------
--
----- --------
--- -
------
---
-------
-----------自定义按钮样式
-- -------------------- ---- -------
--------- --------
----- ------
-------- -- -- -
------------------ --------- ---
--
----- ---------
---
---------
----- -----
-------- -- -- -
------------------ --------
--
----- --------
---
--------
---------------- ----------
------------- --
--------------- --
----------------- ---
-- -
----- -------- -------- -- ---
-------------- -----------
-------
-----------总结
@binpar/react-native-swipeout 是一个非常实用的 React Native 组件，它可以让我们轻松实现侧滑菜单操作等功能。在使用过程中，我们可以根据实际需要进行配置，以实现更加个性化的效果。希望本文对您有所启发，并帮助您更加深入地了解如何使用该组件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057aea81e8991b448eb6df