在 Flutter 开发中,底部弹出框(Bottom Sheet)是一种常见的 UI 组件,通常用于显示一些额外的操作选项或详细信息。在这篇文章中,我将介绍一个自定义的 DragBottomSheetWidget
组件,它不仅支持手势拖动关闭,还可以通过动画进行弹出和收起。
组件功能概述
DragBottomSheetWidget
是一个支持手势拖动和动画效果的底部弹出框组件。它具有以下几个主要功能:
- 手势下拉关闭:用户可以通过向下拖动来关闭底部弹出框。
- 动画弹出收起:支持平滑的动画效果,弹出或收起时更加自然。
- 弹出后无法关闭:在特定场景下,弹出框可以设置为无法通过手势关闭。
代码解析
首先,我们来看一下 DragBottomSheetWidget
的代码实现:
import 'package:flutter/material.dart'