Flutter开发之AlertDialog、AboutDialog对话框组件-2（41）

继上一篇介绍了SimpleDialog对话框组件
Flutter开发之SimpleDialog对话框组件-1（40）
这里再介绍一种带有确定、取消按钮的对话框组件：AlertDialog、AboutDialog。它实际上是对SimpleDialog对话框组件的扩展。

效果如图：

使用AlertDialog、AboutDialog的效果：

import 'package:flutter/material.dart';class AlertDialogTest extends StatefulWidget {@overrideAlertDialogTestState createState()=>AlertDialogTestState();
}class AlertDialogTestState extends State<AlertDialogTest> {void _showMySimpleDialog(){showDialog(context: context,builder: (BuildContext context) {return AlertDialog(//backgroundColor:Colors.deepOrange,title: const Text('对话框标题',textAlign:TextAlign.center,style: TextStyle(color: Colors.blue),),content: new Text("内容区域"),actions: <Widget>[new FlatButton(onPressed: () {print("点击确定------");Navigator.pop(context);},child: new Text("确定")),new FlatButton(onPressed: () {print("点击取消------");Navigator.pop(context);},child: new Text("取消")),],);},);}/***  通常用于传递企业或者app的官方信息，一般不用* const AboutDialog({Key key,this.applicationName,//应用名称this.applicationVersion,//应用版本this.applicationIcon,//应用图标this.applicationLegalese,//应用许可证this.children,//})*/void _showAboutDialog() {showDialog(context: context,builder: (_) =>  AboutDialog(applicationName: '名称',applicationIcon:  Icon(Icons.ac_unit),applicationVersion: 'V1.0',children: <Widget>[Text('我是一个关于的dialog')]));}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('AlertDialog组件示例'),),body: new Row(children: <Widget>[RaisedButton(onPressed: _showMySimpleDialog,child: new Text("AlertDialog出来"),color: Colors.blue,highlightColor: Colors.lightBlueAccent,disabledColor: Colors.lightBlueAccent),RaisedButton(onPressed: _showAboutDialog,child: Text("点击显示AboutDialog"),),],),);}
}

Flutter开发之AlertDialog、AboutDialog对话框组件-2（41）相关推荐

Flutter开发之ListView下拉刷新上拉加载更多（35）
在Flutter开发之ListView组件(21) 文章中,我们了解了ListView组件的基本使用.但是数据比较少,没有涉及分页加载.而实际开发中,下拉刷新和分页加载几乎是所有APP的标配.在iOS ...
Flutter开发之iOS后台定位开发详解
Flutter开发之iOS后台定位开发详解需求目的开发一个功能持续获取用户的位置发送给后端,PC端会根据后端传来的移动端发送的位置信息,来绘制使用者的运动轨迹. 实现需求是否实现后台定位 ✅ ...
Flutter开发之ListView添加HeaderView和FooterView-2（39）
参考文章:RecyclerView添加HeaderView和FooterView 接着Flutter开发之ListView添加HeaderView和FooterView-1 继续研究. 通过Recyc ...
Flutter开发之ListView使用第三方flutter_refresh加载更多（37）
在Flutter开发之ListView使用第三方pull_to_refresh加载更多(36) 中我们实现了下拉刷新.上拉分页加载的功能.今天介绍另一个ListView使用第三方flutter_ref ...
Flutter开发之ListView使用第三方pull_to_refresh加载更多（36）
在Flutter开发之ListView下拉刷新&上拉加载更多(35) 中我们实现了下拉刷新.上拉分页加载的功能.但是使用起来非常不方便,且不满一屏时难以处理. 今天介绍ListView使用第三 ...
Flutter开发之SimpleDialog对话框组件-1（40）
简单对话框组件在移动开发的交互中比较常用到,用于提示信息.警告.选择等功能.今天就学习一下简单的对话框组件SimpleDialog. 效果如图: 代码非常简单: import 'package:flu ...
Flutter开发之BottomSheetDialog选择组件-5（44）
BottomSheetDialog.ModalBottomSheetDialog同样也是需要借助showDialog唤起,就跟它名字一样,这两种dialog是从屏幕下方向上弹出的,不同的是Bottom ...
Flutter开发之Tooltip提示组件-3（42）
Tooltip支持用户传入任意一个child作为显示的Widget,并且在用户长按Widget时,会在上方或者下方出现类似Toast的提示,隔一段时间自动消失,由于使用起来比较简单,很好的用户提示体验 ...
Flutter开发之GridView组件（20）
参考文章:https://www.jianshu.com/p/fb3bf633ee12 GridView有5种写法写法一:GridView.count (body: myGridView1()) 写 ...

Flutter开发之AlertDialog、AboutDialog对话框组件-2（41）

效果如图：

使用AlertDialog、AboutDialog的效果：

Flutter开发之AlertDialog、AboutDialog对话框组件-2（41）相关推荐

最新文章

热门文章