Flutter Dismissible 拖动小部件

Dismissible 拖动小部件,可以通过在指示的方向拖动来小部件。拖动或投掷此小部件会导致子窗体滑出视图。

参数详解

属性 说明
child 子组件
background

滑动时组件下一层显示的内容

没有设置secondaryBackground时,从右往左或者从左往右滑动都显示该内容

设置了secondaryBackground后,从左往右滑动显示该内容,从右往左滑动显示secondaryBackground的内容

secondaryBackground 不能单独设置,只能在已经设置了background后才能设置,从右往左滑动时显示
confirmDismiss 组件消失前回调,可以弹出是否消失确认窗口。
onResize 组件大小改变时回调
onDismissed 组件消失后回调
direction

滑动方向(水平、垂直)

默认DismissDirection.horizontal 水平

resizeDuration 组件大小改变的时长,默认300毫秒。Duration(milliseconds: 300)
dismissThresholds 必须拖动项目的偏移阈值才能被视为已解除
movementDuration 组件消失的时长,默认200毫秒。Duration(milliseconds: 200)
crossAxisEndOffset 滑动时偏移量,默认0.0,
dragStartBehavior

拖动消失后组件大小改变方式

start:下面组件向上滑动

down:上面组件向下滑动

默认DragStartBehavior.start

代码示例

Dismissible 拖动小部件使用起来非常简单,创建ListView,listItem使用Dismissible为父组件即可。

body: ListView.builder(
  itemCount: list.length,
  itemBuilder: (context, index) {
    var item = list[index];
    return Dismissible(
      background: Container(color: Colors.red,),
      secondaryBackground: Container(color: Colors.green,),
      dragStartBehavior:DragStartBehavior.start,
      key: Key(item),
      child: ListTile(
        title: Text(item),
      ),
    );
  }
)

我们可以利用confirmDismiss添加dialog确认窗。

创建MyAlertDialog类的目的是,确认框中有Checkbox,需要做局部刷新。

效果图

                           


完整代码

查看完整代码

发布了86 篇原创文章 · 获赞 166 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/ruoshui_t/article/details/100191392