网站建设就业方向跨境电商平台

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

1 概念介绍

我们在这里说的BottomSheet是一种弹出式窗口，和上一章回中介绍的AlertDialog类似，但是也有不同点:AlterDialog会在屏幕中间位置弹出窗口，而BottemSheet
会在屏幕底部弹出一个窗口，而且可以调整窗口的大小。它主要用来显示当前页面的子内容或者与当前页面相关的操作，比如设置，筛选等，本章回中将详细介绍它的使用方法。

2 使用方法

和其它的Widget一样，BottomSheet提供了相关的属性来控制自己，接下来我们将介绍一些常用的属性：

• backgroundColor属性：主要用来控制窗口的背景颜色；
• shape属性：主要用来的控制窗口的形状
• onClosing属性：主要用来设置窗口关闭时的动作，该属性是必选参数，注意：它的类型是方法；
• builder属性：主要用来传递上下文参数以及创建窗口中的内容，该属性是必选参数；

3 示例代码

_bottomSheet(BuildContext context) {return BottomSheet