Flutter AlertDialog弹框的基本使用、Flutter showDialog方法使用概述

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

在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 则底部内边距为20titlePadding: 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: () {关闭 返回 falseNavigator.of(context).pop(false);},),FlatButton(child: Text("考虑好了"),onPressed: () {//关闭 返回trueNavigator.of(context).pop(true);},),],);},);print("弹框关闭 $isSelect");}

【x1】微信公众号的每日提醒随时随记每日积累随心而过文章底部扫码关注

【x2】各种系列的视频教程免费开源关注你不会迷路

【x3】系列文章百万 Demo 随时复制粘贴使用

【x4】简短的视频不一样的体验

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

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

有兴趣你可以关注一下西瓜视频 — 早起的年轻人

Flutter AlertDialog弹框的基本使用、Flutter showDialog方法使用概述相关推荐

Flutter 底部弹框 showModalBottomSheet 使用Demo
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Flutter是谷歌推出的最新的移动开发框架. [x1]微信公众号的每日提醒随时随记每日积累随心而过文章底部扫码关注 [x2] ...
Flutter 吐司弹框的使用 showToast弹框（插件）
Flutter 简单好用的 showToast 弹框先贴依赖版本可根据最新变页面代码实现效果 #flutter 中会用到一些fultter 实现起来麻烦的组件,而flutter的插件很多简单 ...
flutter 底部弹框选择农历和阳历的日期和时间
最近在做一个万年历的项目,用到了选择出生日期加时辰,关键是还农历和阳历切换的,找了半天也没找到现成的,那就自己做一个吧,首先,效果如图由于是初学的flutter,首次用flutter做项目,可能各方 ...
自定义Flutter loading弹框
先看效果图如下: 在Flutter中,万物皆widget.所以这所谓的弹框其实也是一个widget. 而现实弹框其实就是打开一个新的路由,只不过背景颜色设为透明色就行了. 布局代码实现代码如下: c ...
Flutter 系统弹框
生成普通弹框 //其中build 定义返回widget ,所以可以自定义 showDialog(context: context, builder: builder) 生成底部弹框 showModal ...
flutter的弹出框
前言: flutter的弹框有很多,这里分享两个 AlertDialog AlertDialog 是一个用于向用户传递信息的弹出层. new MaterialButton(color: Colors. ...
解决uni-app官方弹框popup关闭不了问题；/pages/extUI/popup/popup；uni-app弹框popup打开调用事件。unin-app弹框封装；
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210716165216781.png?x-oss-process=image/watermark,type_Zm ...
安卓仿Toasty消息弹框
Toast是安卓非常常用的消息弹框之一,但是原生的弹框过于朴素,无法适应不同场景的样式需求,因此设计一个类似于Toasty的弹框构建工具. 不废话直接上代码 import android.conten ...
dialog 弹框时activity生命周期调用过程
dialog 弹框时activity生命周期调用过程这个问题,分两部分在普通activity弹框dialog,activity的onPause方法会被调用吗? activity a中给dialog ...

Flutter AlertDialog弹框的基本使用、Flutter showDialog方法使用概述

Flutter AlertDialog弹框的基本使用、Flutter showDialog方法使用概述相关推荐

最新文章

热门文章