对话框Dialog主要包括AlertDialog 和 SimpleDialog

AlertDialog对话框主要用于可以返回结果。而SimpleDialog可以自己定义样式，如图标，内容等。

Dialogs主要分为三类：

Component	Priority	User action
Snackbar	Low priority	Optional: Snackbars disappear automatically
Banner	Prominent, medium priority	Optional: Banners remain until dismissed by the user, or if the state that caused the banner is resolved
Dialog	Highest priority	Required: Dialogs block app usage until the user takes a dialog action or exits the dialog (if available)

它们的优先级不同，使用的场景也不一样。

//网上好的代码段   showDialog(context: context,barrierColor: Colors.green,barrierDissmiss:false,//用户是否可以点击外边将其关闭builder: (_) => Dialog(child: Column(mainAxisSize: MainAxisSize.min,children: <Widget>[ListTile(title: Text('smart_select',style: Theme.of(context).textTheme.headline5,),subtitle: Text('by davigmacode'),trailing: IconButton(icon: Icon(Icons.close),onPressed: () => Navigator.pop(context),),),Flexible(fit: FlexFit.loose,child: Container(padding: EdgeInsets.symmetric(horizontal: 15),child: Column(mainAxisSize: MainAxisSize.min,children: <Widget>[Text('Smart select allows you to easily convert your usual form selects to dynamic pages with grouped radio or checkbox inputs. This widget is inspired by Smart Select component from Framework7',style: Theme.of(context).textTheme.bodyText2,),Container(height: 15),],),),)],),),);

对话框的外观也是可以修改的

AlertDialog(title:Text("Accept?"),content:Text("Do you accept?),actions:[FlatButton('NO'),FlatButton("Yes"),],elevation:24,BackgroundColor:Colors.blue,shap:CircleBorder(),//外观是可以修改的
)

flutter基础布局之对话框Dialogs相关推荐

Flutter基础布局组件及实现
https://www.cnblogs.com/lxlx1798/p/11084904.html 一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Paddi ...
Flutter基础—布局模型之滚动块
ListView即滚动列表控件,能将子控件组成可滚动的列表.当你需要排列的子控件超出容器大小,就需要用到滚动块. import 'package:flutter/material.dart'; cla ...
Flutter基础—布局模型之层叠定位
Stack即层叠布局控件,能够将子控件层叠排列. Stack控件的每一个子控件都是定位或不定位,定位的子控件是被Positioned控件包裹的.Stack控件本身包含所有不定位的子控件,其根据alig ...
Flutter基础—布局模型之水平垂直
水平布局 Row控件即水平布局控件,能够将子控件水平排列. Row子控件有灵活与不灵活的两种,Row首先列出不灵活的子控件,减去它们的总宽度,计算还有多少可用的空间.然后Row按照Flexible.f ...
Flutter 基础布局Widgets之Baseline、AspectRatio详解
Baseline概述 Baseline即根据child的baseline定位child的小部件,即使得不同的child都处在规定的基线位置,尤其是多用在文字排版中,比如使得不同大小的文字处于同一水平线 ...
Flutter 基础布局之Row
Row意为水平布局,可以使其包含的子控件按照水平方向排列代码如下: class _TestState extends State<Test> {@overrideWidget build ...
Flutter 基础布局Widgets之Expanded详解
Expanded概述 Expanded是用于展开Row,Column或Flex的子child的Widget. 使用Expanded可以使[Row],[Column]或[Flex]的子项扩展以填充主轴中 ...
Flutter 基础布局之Column
Column意为垂直布局,可以使其包含的子控件按照垂直方向排列代码如下: class _TestState extends State<DemoPage2> {@overrideWidg ...
flutter基础布局之 Drawer
Drawer 一般放在标题栏上,通过ListView和ListTile的配合,用于显示隐藏的标题. Scaffold(appBar: AppBar(title: const Text('Drawer ...
开启Fluter基础之旅三-------Material Design风格组件、Cupertino风格组件、Flutter页面布局篇...
Material Design风格组件: 继续接着上一次https://www.cnblogs.com/webor2006/p/12545701.html的Material Design进行学习. A ...

flutter基础布局之对话框Dialogs

对话框Dialog主要包括AlertDialog 和 SimpleDialog

flutter基础布局之对话框Dialogs相关推荐

最新文章

热门文章

flutter基础布局之 对话框Dialogs

对话框Dialog主要包括AlertDialog 和 SimpleDialog

flutter基础布局之 对话框Dialogs相关推荐

最新文章

热门文章

flutter基础布局之对话框Dialogs

flutter基础布局之对话框Dialogs相关推荐