第三十二回：Dismissible Widget-CSDN博客

本文链接：https://blog.csdn.net/talk_8/article/details/130797717

文章介绍了DismissibleWidget在Flutter中的应用，它是一个响应滑动事件的Widget，常用于ListView中实现项目的删除功能。通过设置onDismissed、confirmDismiss等属性可以控制删除行为。示例代码展示了如何创建一个可滑动删除的ListView。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

概念介绍
使用方法
示例代码

我们在上一章回中介绍了 GestureDetector Widget相关的内容,本章回中将介绍 Dismissible Widget.闲话休提，让我们一起Talk Flutter吧。

概念介绍

我们在这里介绍的Dismissible是一个事件响应Widget,它和GestureDetector类似，不过它只能响应滑动事件，它经常配合ListView使用，用来删除List中的某一个项目，我们在本章回中将详细介绍它的使用方法。

使用方法

和其它Widget一样，Dismissible提供了相关的属性来响应事件，接下来我们分享一些常用的属性：

onDismissed属性：该属性主要用来响应删除事件，它的类型是一个方法，我们可以在该属性对应的方法中进行删除操作；
confirmDismiss属性：该属性主要用来确认是否删除内容，它的类型是一个方法，删除内容时先调用该属性对应的方法进行确认后才调用onDismissed属性对应的方法；
onUpdate属性：该属性主要用来更新内容，它的类型是一个方法，方法的参数中包含有更新内容的详细信息；
child属性：该属性主要用来表示被删除的内容，和其它容器类Widget中的child属性含义相同；

示例代码

Widget build(BuildContext context) {
  List<String> arrayList = List<String>.generate(8, (index) => "Item $index of List");

  return Scaffold(
    appBar: AppBar(
      backgroundColor: Colors.purpleAccent,
      title: Text("Example of Dismissible"),
    ),
    body: ListView.builder(
      itemCount: 8,
      itemBuilder: (context, index) {
        return Dismissible(
          key: Key(arrayList[index]),
          onDismissed: (direction) {
            arrayList.removeAt(index);
            print("$index is deleted");
          },
          child: ListTile(
            title: Text(arrayList[index]),
          ),
        );
      },
    ),
  );
}