【Android】用flutter实现一个列表下拉抽屉

Android学习小分队

已于 2022-07-05 11:34:29 修改

阅读量804

点赞数

分类专栏： Android flutter 文章标签： android flutter

于 2022-07-05 11:28:31 首次发布

本文链接：https://blog.csdn.net/m0_56144365/article/details/125616289

版权

使用

通过监听滚动事件实现_DragOpenDrawer_ 组件，可以给滚动组件添加一个下拉抽屉。其使用方式如下：

DragOpenDrawer(
  openDuration: Duration(microseconds: 900),
  closeDuration: Duration(milliseconds: 300),
  onOpen: (){
    print("onOpen");
  },
 child: Column(
      children: [
        Expanded(
          child: ListView.builder(
              itemCount: 40,
              itemBuilder: (context,index){
            return ListTile(title: Text("$index"),);
          }),
        ),
      ]
    ),
  backgroundBuilder: (context){
    return Container(child: FlutterLogo(style: FlutterLogoStyle.stacked,),color: Colors.blue[200],);
  },
),

组件参数说明

openDuration：抽屉打开动画持续的时间
closeDuration: 抽屉关闭动画持续的时间
onOpen：抽屉打开事件回调
child: DragOpenDrawer 组件监听的滚动组件
backgroundBuilder：抽屉打开后展示的组件

运行效果

源码

import 'package:flutter/material.dart';

enum _DragOpenDrawerMode{
  // 正在拖动
  dragging,
  // 抽同打开事件已经触发
  done,
  // 抽屉处于关闭状态
  canceled,
  // 抽屉已经打开了
  opened,
}

class DragOpenDrawer