招聘网站排行榜2021,建筑人才网官方网站查询,wordpress搭建教育平台,移动wordpress+到根目录文章目录 概念介绍使用方法示例代码 我们在上一章回中介绍了Dismissible Widget相关的内容,本章回中将介绍AlertDialog Widget.闲话休提#xff0c;让我们一起Talk Flutter吧。 概念介绍
我们介绍的AlertDialog是指程序中弹出的确认窗口#xff0c;其实我们在上一章回中删除… 文章目录 概念介绍使用方法示例代码 我们在上一章回中介绍了Dismissible Widget相关的内容,本章回中将介绍AlertDialog Widget.闲话休提让我们一起Talk Flutter吧。 概念介绍
我们介绍的AlertDialog是指程序中弹出的确认窗口其实我们在上一章回中删除ListView中的内容时已经使用过了只是没有介绍它的用法而已本章回中将详细 介绍它的使用方法。
使用方法
和其它的Widget一样AlertDialog提供了相关的属性来控制自己接下来我们将介绍一些常用的属性
title属性:主要用来显示对话框的标题content属性:主要用来显示对话框中的内容actions属性:主要用来显示对话框中的按钮它的类型是List因此可以接收多个按钮类似Column中的children属性 AlertDialog需要配合showDialog()方法才能使用该方法中包含两个重要的参数一个是上下文的环境context一个是builder该参数主要用来构造对话框。 具体的用法看代码就能明白。该方法可以看作是对话框的构造器它还可以创建其它类型的对话框。
示例代码
_showAlertDialog() {showDialog(context: context,builder: (BuildContext context) {return AlertDialog(title: Text(Alert Dialog),content: Text(This is a Example of AlerDialog),actions: [TextButton(onPressed: () {print(Yes selected);Navigator.of(context).pop();},child: const Text(Yes),),TextButton(onPressed: () {print(No selected);Navigator.of(context).pop();},child: const Text(No),),],);});
}在上面的代码中除了对话框相关的属性外还有一个注意点Navigator,我们首先获取当前的Navigator然后进行pop操作这样就可以关闭弹出的对话框窗口。我 们把该操作放在了Button的onPress方法中这样可以在点击Button的同时关闭窗口。除了关闭窗口外可以在该方法中添加相关的业务处理比如我们在上一章回中 删除项目的操作就添加到了该方法中。这里的代码只是为了演示对话框因此没有添加相关的业务代码。代码中使用的是TextButton widget,大家也可以换成其它的 Button不过Button的风格最好与当前对话框的风格保持一致不然它们组合在一起会有一种不协调的感觉。 此外我们把对话框相关的代码封装到了一个方法中把方法赋值给Button的onPress属性当点击Button时就会弹出对话框示例代码如下
ElevatedButton(onPressed: () _showAlertDialog(),child: const Text(Show Dialog),
)这里只列出了核心代码完整的代码可以查看Github上ex019文件中的代码。编译并且运行上面的程序将会显示一个按钮点击按钮就会弹出对话框点击对话框中的 yes或者no按钮后对话框就会消失。我在这里就不演示程序的运行结果了建议大家自己动手去实践。 看官们关于AlertDialog Widget相关的内容就介绍到这里欢迎大家在评论区交流与讨论!
