如何显示弹出式窗口
文章目录
- 1 概念介绍
- 2 使用方法
- 3 示例代码
我们在上一章回中介绍了如何通过蓝牙设备读写数据,本章回中将介绍MaterialBanner Widget.闲话休提,让我们一起Talk Flutter吧。
1 概念介绍
我们在本章回中将介绍一个新的Widget:MaterialBanner,该Widget位于Scaffold的AppBar和body之间,它以对话框窗口的形式显示,有点类似类似通知。它
和页面底部的Snackbar相呼应,不过它不像SnackBar一样可以自动消失,只有主动关闭时它才会消失。本章回中将介绍它的使用方法。
2 使用方法
和其它组件一样MaterialBanner组件提供了相关的属性来控制自己,下面是常用的属性:
- content属性:在容器最上方显示,用来控制组件的标题;
- actions属性:用来控制组件的动作和相关功能,本质上是一组Widget;
- leading属性:用来控制content属性前面的内容,通常用来显示图标;
- backgroundColor属性:用来控制组件的背景颜色;
- padding属性:用来控制组件的边距;
上面介绍的这些属性中,只有前两个是必选属性,其它属性都是可选的。我们重点说一下actions属性,官方建议使用TextButton给它赋值,添加两个TextButton后会在窗口右下角显示两个按钮,类似Dialog容器