文章目录
我们在上一章回中介绍了AlertDialog Widget相关的内容,本章回中将介绍BottomSheet Widget.闲话休提,让我们一起Talk Flutter吧。
1. 概念介绍
我们在这里说的BottomSheet是一种弹出式窗口,和上一章回中介绍的AlertDialog类似,但是也有不同点:AlterDialog会在屏幕中间位置弹出窗口,而BottemSheet会在屏幕底部弹出一个窗口,而且可以调整窗口的大小。它主要用来显示当前页面的子内容或者与当前页面相关的操作,比如设置,筛选等,本章回中将详细介绍它的使用方法。
2. 使用方法
和其它的Widget一样,BottomSheet提供了相关的属性来控制自己,接下来我们将介绍一些常用的属性:
- backgroundColor属性:主要用来控制窗口的背景颜色;
- shape属性:主要用来的控制窗口的形状
- onClosing属性:主要用来设置窗口关闭时的动作,该属性是必选参数,注意:它的类型是方法;
- builder属性:主要用来传递上下文参数以及创建窗口中的内容,该属性是必选参数;
3. 示例代码
_bottomSheet(BuildContext context) {
return BottomSheet
标签:Widget,窗口,介绍,用法,组件,BottomSheet,用来,属性
From: https://blog.csdn.net/talk_8/article/details/144381059