flutter左滑删除
时间: 2023-09-03 07:11:56 浏览: 173
Flutter提供了Dismissible widget,可以轻松实现左滑删除。Dismissible widget需要包裹在一个可滑动的widget上,当用户在Dismissible widget上水平滑动时,Dismissible widget会随着手指移动并显示出删除按钮。当用户释放手指时,如果滑动距离超过了给定的阈值,则会执行删除操作。
以下是一个简单的示例代码:
```dart
class MyWidget extends StatelessWidget {
final List<String> items = ['Item 1', 'Item 2', 'Item 3'];
@override
Widget build(BuildContext context) {
return ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
final item = items[index];
return Dismissible(
key: Key(item),
onDismissed: (direction) {
// 删除item
items.removeAt(index);
},
background: Container(
color: Colors.red,
alignment: Alignment.centerLeft,
child: Icon(Icons.delete),
),
child: ListTile(
title: Text(item),
),
);
},
);
}
}
```
在这个例子中,我们使用ListView.builder来创建一个可滑动的列表。每个列表项都被包裹在一个Dismissible widget中。当用户水平滑动某个列表项时,Dismissible widget会随着手指移动并显示出红色的删除按钮。当用户释放手指时,如果滑动距离超过了给定的阈值,则会执行删除操作。
阅读全文