https://github.com/fluttercandies/left-scroll-actions
Flutter的左滑删除组件
https://github.com/fluttercandies/left-scroll-actions
Last synced: 5 months ago
JSON representation
Flutter的左滑删除组件
- Host: GitHub
- URL: https://github.com/fluttercandies/left-scroll-actions
- Owner: fluttercandies
- License: mit
- Created: 2019-07-22T11:44:30.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2024-12-19T03:18:26.000Z (over 1 year ago)
- Last Synced: 2025-03-30T09:07:35.988Z (about 1 year ago)
- Language: Dart
- Size: 804 KB
- Stars: 82
- Watchers: 2
- Forks: 15
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Codeowners: CODEOWNERS
Awesome Lists containing this project
README
# left_scroll_actions
A useful left scroll actions widget like WeChat.
一款仿微信效果的 Flutter 左滑菜单插件。现在支持 iOS 的展开与弹性效果。
很轻松的打开关闭指定组件。
或者在同一个列表内通过 tag 实现联动关闭（打开一个关闭其他）。
## Install
Add this to your package's pubspec.yaml file:
把如下字段加入你的`pubspec.yaml`文件：
```yaml
dependencies:
flutter:
sdk: flutter
// 添加下面这一行。 Add this row.
left_scroll_actions: any
```
然后运行`flutter packages get`即可
## Usage
### CupertinoLeftScroll (1.4.0)
```dart
final key = Key('MY CUSTOM KEY, use id/title');
final closeTag = LeftScrollCloseTag('MyTestListTag');
// widget
CupertinoLeftScroll(
// important, each Row must have different key.
// DO NOT use '$index' as Key! Use id or title.
key: key,
// left scroll widget will auto close while the other widget is opened and has same closeTag.
// 当另一个有相同closeTag的组件打开时，其他有着相同closeTag的组件会自动关闭.
closeTag: closeTag,
buttonWidth: 80,
child: Container(
height: 60,
color: Colors.white,
alignment: Alignment.center,
child: Text('👈 Try Scroll Left'),
),
onTap: () {
print('tap row');
closeTag.of(key).open();
},
buttons: [
LeftScrollItem(
text: 'edit',
color: Colors.orange,
onTap: () {
print('edit');
closeTag.of(key).close();
},
),
LeftScrollItem(
text: 'delete',
color: Colors.red,
onTap: () {
// with animation
closeTag.of(key).remove(() async {
print('delete');
setState(() {
list.remove(id);
});
// return false; // restore dismiss status
return true;
});
},
),
],
onTap: () {
print('tap row');
},
);
```
### LeftScroll
You can use this widget as same as `CupertinoLeftScroll`.
Custom define you slide animation by implements `onScroll` function.
### 弹性 (1.5.0）
1. 设置`CupertinoLeftScroll`的`bounce`参数为`true`，即可获得弹性效果
2. 通过`CupertinoLeftScroll`的`bounceStyle`参数控制弹性效果
### 左滑联动列表（1.3.0）
1. 对于提供同一个`LeftScrollCloseTag`的 LeftScroll 组件，可以在一个打开时，关闭其他组件
2. 想要关闭特定的行，只需使用以下代码
```dart
// 找到对应tag与key的row状态，改变状态即可
LeftScrollGlobalListener.instance.targetStatus(tag,key).value = LeftScrollStatus.close;
LSTag("list").of(Key(id)).to(LeftScrollStatus.close)
```