Flutter AlertDialog弹框的基本使用概述

Flutter AlertDialog弹框的基本使用概述优美的应用体验 来自于细节的处理,更源自于码农的自我要求与努力,当然也需要码农年轻灵活的思维,不局限于思维,不局限语言限制,才是编程的最高境界。

大家好,欢迎来到IT知识分享网。

优美的应用体验 来自于细节的处理,更源自于码农的自我要求与努力,当然也需要码农年轻灵活的思维,不局限于思维,不局限语言限制,才是编程的最高境界。

在Flutter中使用 AlertDialog 来构建基本的对话框(弹框),如下图所示:

Flutter AlertDialog弹框的基本使用概述

可通过 函数showDialog来快速构建弹出,基本使用代码如下:

 void showDialogFunction() async { bool isSelect = await showDialog<bool>( context: context, builder: (context) { return AlertDialog( title: Text("温馨提示"), //title 的内边距,默认 left: 24.0,top: 24.0, right 24.0 //默认底部边距 如果 content 不为null 则底部内边距为0 // 如果 content 为 null 则底部内边距为20 titlePadding: EdgeInsets.all(10), //标题文本样式 titleTextStyle: TextStyle(color: Colors.black87, fontSize: 16), //中间显示的内容 content: Text("您确定要删除吗?"), //中间显示的内容边距 //默认 EdgeInsets.fromLTRB(24.0, 20.0, 24.0, 24.0) contentPadding: EdgeInsets.all(10), //中间显示内容的文本样式 contentTextStyle: TextStyle(color: Colors.black54, fontSize: 14), //底部按钮区域 actions: <Widget>[ TextButton( child: Text("再考虑一下"), onPressed: () { 关闭 返回 false Navigator.of(context).pop(false); }, ), FlatButton( child: Text("考虑好了"), onPressed: () { //关闭 返回true Navigator.of(context).pop(true); }, ), ], ); }, ); print("弹框关闭 $isSelect"); }

不局限于思维,不局限语言限制,才是编程的最高境界。

以小编的性格,肯定是要录制一套视频的,随后会上传。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/88858.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信