中间弹框_Flutter AlertDialog弹框的基本使用概述

最新推荐文章于 2024-08-16 15:30:00 发布

weixin_39662721

最新推荐文章于 2024-08-16 15:30:00 发布

阅读量578

点赞数

文章标签：中间弹框

本文链接：https://blog.csdn.net/weixin_39662721/article/details/112592802

版权

优秀的用户体验离不开细节的打磨。在Flutter中，利用AlertDialog可以创建基础对话框。通过showDialog函数，开发者能轻松实现弹框展示。本文将探讨AlertDialog的基本用法，并预告将有配套视频教程发布。

摘要由CSDN通过智能技术生成

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

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

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

 void showDialogFunction() async {    bool isSelect = await showDialog(      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: [            TextButton(              child: Text("再考虑一下"),              onPressed: () {                关闭 返回 false                Navigator.of(context).pop(false);              },            ),            FlatButton(              child: Text("考虑好了"),              onPressed: () {                //关闭 返回true                Navigator.of(context).pop(true);              },            ),          ],        );      },    );    print("弹框关闭 $isSelect");  }

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

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