flutter左滑删除按钮
时间: 2023-09-16 10:09:21 浏览: 121
Flutter 的 Dismissible 组件可以实现左滑删除的效果。下面给出一个简单的例子:
```dart
ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
final item = items[index];
return Dismissible(
key: Key(item),
onDismissed: (direction) {
setState(() {
items.removeAt(index);
});
Scaffold.of(context).showSnackBar(
SnackBar(
content: Text("$item dismissed"),
),
);
},
background: Container(
color: Colors.red,
child: Icon(Icons.delete),
alignment: Alignment.centerRight,
padding: EdgeInsets.only(right: 20.0),
),
child: ListTile(
title: Text('$item'),
),
);
},
);
```
在这个例子中,我们使用了 ListView.builder 来构建一个列表。每个列表项都被包装在一个 Dismissible 组件中,它的 key 属性使用了列表项的文本作为唯一标识。当用户左滑一个列表项时,Dismissible 组件会触发 onDismissed 回调函数,我们在这个回调函数中删除了该项,然后显示了一个 SnackBar 来提示用户该项已被删除。background 属性指定了左滑时显示的删除按钮。
阅读全文