【flutter】完全自定义样式模态对话框

 示例完成结果展示:

 

示例组件代码:

context:上下文

title:提示标题,null时不显示

content:提示内容,null时不显示

cancelText:取消按钮文字,null时不显示取消按钮

confirmText:确认按钮文字

//lib\widgets\my.dart
class My {
static Future<bool> dialog(BuildContext context, {String? title = "提示",String? content,String? cancelText = "Cancel",String confirmText = "Confirm",}) async {final bool? isConfirm = await showDialog<bool>(context: context,//点击背景灰色区域是否关闭对话框barrierDismissble: false,builder: (BuildContext context) => Dialog(//这部分是对话框样式,可以完全自定义child: Container(width: 560.w,padding: EdgeInsets.only(top: 40.w),clipBehavior: Clip.hardEdge,decoration: BoxDecoration(color: Colors.white,borderRadius: BorderRadius.circular(16.w),),child: Column(mainAxisSize: MainAxisSize.min,children: [if (title != null)Padding(padding: EdgeInsets.),only(bottom: 34.w, left: 30.w, right: 30.w),child: Text(title,style: TextStyle(color: const Color(0xFF353A37),fontSize: 36.w,fontWeight: FontWeight.w700,),),),if (content != null)Padding(padding: EdgeInsets.only(bottom: 40.w, left: 30.w, child: Text(content,textAlign: TextAlign.center,style: TextStyle(color: const Color(0xFF858786),fontSize: 28.w,),),),Row(children: [if (cancelText != null)Expanded(child: GestureDetector(//点击取消按钮onTap: () {Navigator.pop(context, false);},child: Container(height: 100.w,decoration: const BoxDecoration(border: Border(top: BorderSide(color: Color(0xFFE5E5E5)),right: BorderSide(color: Color(0xFFE5E5E5),),),),child: Center(child: Text(cancelText,style: TextStyle(fontSize: 36.w,color: const Color(0xFF858786),fontWeight: FontWeight.w700,),),),),),),Expanded(child: GestureDetector(//点击确认按钮onTap: () {Navigator.pop(context, true);},child: Container(height: 100.w,decoration: const BoxDecoration(border: Border(top: BorderSide(color: Color(0xFFE5E5E5)),),),child: Center(child: Text(confirmText,style: TextStyle(fontSize: 36.w,color: const Color(0xFF40B169),fontWeight: FontWeight.w700,),),),),),),],)],),),),);//返回结果return isConfirm ?? false;}
}

页面上使用:

//导入包
import 'package:app_hongxin/widgets/my.dart';......onTap()async{if(await My.dialog(context,title: "提示",content: "提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容提示内容",)){print("点击确认");}else{print("点击取消");}}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/638209.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

GPT应用_PrivateGPT

项目地址&#xff1a;https://github.com/imartinez/privateGPT 1 功能 1.1 整体功能&#xff0c;想解决什么问题 搭建完整的 RAG 系统&#xff0c;与 FastGPT 相比&#xff0c;界面比较简单。但是底层支持比较丰富&#xff0c;可用于知识库的完全本地部署&#xff0c;包含大…

2024年【金属非金属矿山(地下矿山)安全管理人员】证考试及金属非金属矿山(地下矿山)安全管理人员模拟考试题库

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 2024年【金属非金属矿山&#xff08;地下矿山&#xff09;安全管理人员】证考试及金属非金属矿山&#xff08;地下矿山&#xff09;安全管理人员模拟考试题库&#xff0c;包含金属非金属矿山&#xff08;地下矿山&…

常用的正则表达式1

1.Email地址&#xff1a;^\w([-.]\w)\w([-.]\w).\w([-.]\w)*$ 2.域名&#xff1a;[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})/.? 3.电话号码 /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/ 以1开头&#xff0c;3可跟任一数字&#…

基于 IDEA 创建 Maven 工程

1. 概念梳理Maven工程的GAVP Maven工程相对之前的项目&#xff0c;多出一组gavp属性&#xff0c;gav&#xff08;表示当前工程的坐标&#xff09;需要我们在创建项目的时候指定&#xff0c;p&#xff08;表示打包方式&#xff09;有默认值&#xff08;默认为 jar 包&#xff0…

Java 8 特性

Java 8 特性 1&#xff1a;Lambda 表达式2&#xff1a;方法引用构造器引用&#xff1a;静态方法引用&#xff1a;特定类的任意对象的方法引用&#xff1a;特定对象的方法引用&#xff1a; 3&#xff1a;默认方法静态默认方法默认方法实例 4&#xff1a;新工具jjsjjs 交互式编程…

sm2和aes加解密

引用maven包 <dependency><groupId>org.bouncycastle</groupId><artifactId>bcprov-jdk18on</artifactId><version>1.72</version></dependency>2.对报文进行加密后生成签名 {// oristr报文 SECRET_KEY加密密钥String encrypt…

STM32标准库开发—SPI通信介绍

SPI通信 硬件电路 注意&#xff1a;为避免输入信号&#xff08;MISO&#xff09;造成冲突&#xff0c;只有被SS选中的设备才能使用MISO进行通信&#xff0c;空闲状态下该引脚呈现高阻态模式 SPI信号移位示意图 主机与从机通过交换时序实现数据传输&#xff0c;无论要与不要都需…

一个简单好用的C语言单元测试框架-Unity

Unity简介&#xff1a; Unity是一个用于C语言的轻量级单元测试框架。它由Throw The Switch团队开发&#xff0c;旨在简化嵌入式系统的单元测试。单元测试中单元的含义&#xff0c;单元就是人为规定的最小的被测功能模块&#xff0c;如C语言中单元指一个函数&#xff0c;Java里…

python文件操作的基本流程

引入 程序运行过程中产生的数据会保存到内存中&#xff0c;如果想要永久保存下来&#xff0c;就必须将数据存放在硬盘上&#xff0c;应用程序如果想要操作计算机的硬件就必须通过操作系统&#xff0c;文件就是操作系统提供给应用程序来操作硬盘的虚拟概念&#xff0c;应用程序…

数据结构:顺序循环队列

队列是限制在两端操作进行插入操作与删除操作的线性表&#xff0c;允许进行插入操作的一端称为"队尾"&#xff0c;允许进行删除操作的一端称为“队头”。当线性表中没有元素时&#xff0c;称为“空队”。队列的特点是先进先出。 队列两种规定&#xff1a; 1、front…

使用RSVP进行带宽预留

使用RSVP进行带宽预留 服务质量&#xff08;QoS&#xff09;工具包括 标记&#xff0c; 管制和 整形 机制&#xff0c;主要是区分服务&#xff08;DiffServ&#xff09;工具。DiffServ机制可提供带宽保证&#xff08;在各种刚性级别上&#xff09;&#xff0c;但是它们都不提供…

多种事件使用----

复习&#xff1a;2024-1-20 一、html部分 1.图片标签&#xff1a; <img src"路径" > ​<img src"../imgs/tu.jpg" alt"这里本来有一张图片" title"这是一张风景图" width"100%" height"100%"> src…

B站提示:“当前浏览器版本较低……”可行的解决方案(edge浏览器)

文章目录 问题研究和分析使用User-Agent Switcher for Chrome插件的解决方法使用userAgent switcher的解决方法 问题研究和分析 问题&#xff1a;使用最新版浏览器访问B站&#xff0c;首页总是有一条横幅提示&#xff1a;当前浏览器版本较低&#xff0c;为保证您的使用体验&am…

JS-WebAPIs- Window对象(五)

• BOM(浏览器对象模型) BOM(Browser Object Model ) 是浏览器对象模型 window对象是一个全局对象&#xff0c;也可以说是JavaScript中的顶级对象像document、alert()、console.log()这些都是window的属性&#xff0c;基本BOM的属性和方法都是window的。所有通过var定义在全局…

cmake构建和简单实操

构建方式 有两种构建方式&#xff0c;分别为内部构建和外部构建。 内部构建 &#xff08;不建议使用&#xff09; 内部构建会在 同级目录下产生一大堆中间文件&#xff0c;这些中间文件并不是我们最终所需要的&#xff0c;和工程源文件放在一起会显得杂乱无章。 外部构建&…

一键合并,轻松管理,尽在新一代TXT文本管理工具

你是否经常遇到多个文本文件需要合并的情况&#xff1f;是否曾经为了整理这些文件而头痛不已&#xff1f;现在&#xff0c;我们为你带来了一款全新的TXT文本管理工具&#xff0c;让你一键即可合并多个TXT文本&#xff0c;轻松管理你的文本文件 首先&#xff0c;在首助编辑高手…

【蓝桥杯日记】复盘篇一:深入浅出顺序结构

&#x1f680;前言 本期是一篇关于顺序结构的题目的复盘,通过复盘基础知识&#xff0c;进而把基础知识学习牢固&#xff01;通过例题而进行复习基础知识。 &#x1f6a9;目录 前言 1.字符三角形 分析&#xff1a; 知识点&#xff1a; 代码如下 2. 字母转换 题目分析: 知…

Mac M1 Parallels CentOS7.9 Deploy Typecho

一、创建名称空间 kubectl create ns prod二、创建PV & PVC vim local-pv1.yamlapiVersion: v1 kind: PersistentVolume metadata:name: local-pv-1 spec:capacity:storage: 1GiaccessModes:- ReadWriteOncepersistentVolumeReclaimPolicy: RetainstorageClassName: loca…

使用JFLASH实现文件程序自动化合并及下载功能

主要总结下使用 SEGGER 工具集的 JFLASH 软件实现hex/bin文件合并以及程序的自动下载使用方法。 起因是最近使用到LVGL字库文件的制作&#xff0c;每次都要将分散的bin文件按既定分配的偏移作合并处理&#xff0c;刚开始使用的是二进制文件合并工具,文件少的时候还行&#xff…

Mediapipe框架介绍及使用说明

介绍 Mediapipe是Google开发的一款开源的跨平台框架&#xff0c;用于构建实时多媒体应用程序。它提供了一系列预训练的机器学习模型和工具&#xff0c;可以用于各种计算机视觉、音频处理和姿态估计等任务。 特点 Mediapipe库的主要特点包括&#xff1a; 1.实时性能&#xff…