flutter弹框

alertDialog:弹框

simpleDialog:选择弹框

showModalBottomSheet:底部弹出弹框

showtoast:三方插件弹框

Navigator.of(context).pop('点击取消')   关闭弹框,传递参数

import 'package:flutter/material.dart';
// import 'package:flutter/cupertino.dart';
import 'package:fluttertoast/fluttertoast.dart'; // 安装插件 flutter pub add fluttertoast
void main() {runApp(MaterialApp(title: 'contaniner',home: Scaffold(appBar: AppBar(title: const Center(child: Text('flutter bar')),),body: DialogDemo(),),),);
}class DialogDemo extends StatelessWidget {@overrideWidget build(BuildContext context) {//弹出框void _alertDialog() async {//获取返回参数var result = await showDialog(barrierDismissible: false,//点击灰色背景时弹框是否消失context: context,//CupertinoAlertDialog ios风格 , AlertDialog安卓风格builder: (context) => AlertDialog(title: const Text('提示信息'),content: const Text("确认删除吗?"),actions: [TextButton(onPressed: () => {Navigator.of(context).pop('点击取消')}, //dialog消失child: const Text('取消')),TextButton(onPressed: () => {}, child: const Text('确认'))],),);print(result);//打印返回值}//弹出选择框void _simpleDialog() async {//获取返回参数var result = await showDialog(barrierDismissible: false,//点击灰色背景时弹框是否消失context: context,builder: (context) => SimpleDialog(title: const Text('提示信息'),children: [SimpleDialogOption(child:const Text("金"),onPressed: ()=>Navigator.pop(context,'选择金')),Divider(),SimpleDialogOption(child:const Text("木"),onPressed: ()=>Navigator.pop(context,'选择木')),Divider(),SimpleDialogOption(child:const Text("水"),onPressed: ()=>Navigator.pop(context,'选择水')),Divider(),SimpleDialogOption(child:const Text("火"),onPressed: ()=>Navigator.pop(context,'选择火')),Divider(),SimpleDialogOption(child:const Text("土"),onPressed: ()=>Navigator.pop(context,'选择土')),],),);print(result); //打印返回值}//底部弹出框void _showModalBottomSheet() async {//获取返回参数var result = await showModalBottomSheet(backgroundColor: Colors.green,context: context,builder: (context) =>Container(height: 260,child: ListView(children: List.generate( 20,(index) => ListTile(title: Text('测试$index'),onTap: ()=>Navigator.pop(context,'选择金$index')))),));print(result); //打印返回值}//三方插件toastvoid _showtoast() {Fluttertoast.showToast(msg: "测试数据",toastLength: Toast.LENGTH_SHORT,//安卓显示时间gravity: ToastGravity.TOP,//显示位置timeInSecForIosWeb: 1, //ios提示时间backgroundColor: Colors.red, //背景颜色textColor: Colors.yellow, //字体颜色fontSize: 33.0 ,//字体大小);}return Column(children: [ElevatedButton(onPressed: () => _alertDialog(), child: const Text("弹框")),ElevatedButton(onPressed: () => _simpleDialog(), child: const Text("选择弹框")),ElevatedButton(onPressed: () => _showModalBottomSheet(), child: const Text("底部弹出框")),ElevatedButton(onPressed: () => _showtoast(), child: const Text("Toast弹框")),],);}
}

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

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

相关文章

excel使用技巧-自动计算过滤后的数据(=SUBTOTAL(109,B2:B110))

语法:SUBTOTAL(function_num,ref1,ref2, …) Function_num 为 1 到 11(包含隐藏值)或 101 到 111(忽略隐藏值)之间的数字,指定使用何种函数在列表中进行分类汇总计算。对应的含义如下面表格所示&#xff1…

Java常用的API

跟着黑马的Java学习视频学者本篇常用的API Math public static int abs(int a) {return (a < 0) ? -a : a; }public static double ceil(double a) {return StrictMath.ceil(a); }public static double floor(double a) {return StrictMath.floor(a); }public static doub…

学习JavaEE的日子 Day29 yield,join,线程的中断,守护线程,线程局部变量共享,线程生命周期

Day29 多线程 12. 线程的礼让 Thread.yield(); 理解&#xff1a;此方法为静态方法&#xff0c;此方法写在哪个线程中&#xff0c;哪个线程就礼让 注意&#xff1a;所谓的礼让是指当前线程退出CPU资源&#xff0c;并转到就绪状态&#xff0c;接着再抢 需求&#xff1a;创建两个…

Picocli框架下的命令模式

引言 在开发命令行应用程序时&#xff0c;经常需要解析命令行参数&#xff0c;并根据这些参数执行不同的操作。命令模式是一种设计模式&#xff0c;它将请求封装为对象&#xff0c;从而允许用户使用不同的请求、队列或日志请求来参数化其他对象。Picocli是一个小型的Java框架&…

axios配置以及说明

import request from ‘//utils/request’; export function fetchList(query?: Object) {return request({url: /admin/audit/page,method: get,params: query,});request.ts import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from axios; import { Se…

Kimi和ChatGPT做古诗词阅读理解,谁更胜一筹?

前几天发过一篇Kimi整理会议的体验教程&#xff0c;没想到大家很感兴趣&#xff0c;这次再来拿Kimi做古诗词阅读理解看看&#xff0c;同时也对比下ChatGPT的效果。 ChatGPT是几乎家喻户晓的AI大模型&#xff0c;Kimi和它对比有哪些异同点呢&#xff1f; 首先它们都是基于对话…

【Flink架构】关于FLink BLOB的组织架构:FLIP-19: Improved BLOB storage architecture:官网解读

文章目录 一. BlobServer架构1.BlobClient2. BlobServer3. BlobCache4. LibraryCacheManager 二、BLOB的生命周期1. 分阶段清理2. BlobCache的生命周期3. BlobServer 三、文件上下载流程1. BlobCache 下载2. BlobServer 上传3. BlobServer 下载 四. Flink中支持的BLOB文件类型1…

win10 docker zookeeper和kafka搭建

好久没用参与大数据之类的开发了&#xff0c;近日接触到一个项目中使用到kafka&#xff0c;因此要在本地搭建一个简易的kafka服务。时间比较紧急&#xff0c;之前有使用docker的经验&#xff0c;因此本次就使用docker来完成搭建。在搭建过程中出现的一些问题&#xff0c;及时记…

uniapp流浪动物救助小程序Java宠物领养小程序springboot

uniapp流浪动物救助小程序Java宠物领养小程序springboot 代码40块&#xff0c;需要的私聊 前台基于uniapp小程序 后台管理基于springbootvue前后端分离项目 开发语言&#xff1a;Java 框架&#xff1a;springboot vue JDK版本&#xff1a;JDK1.8&#xff08;或11&#xf…

VTK 示例 基本的流程-事件交互、球体、

流程可以总结如下&#xff1a; 导入所需的头文件&#xff1a; 首先&#xff0c;导入了一系列 VTK 头文件&#xff0c;这些文件包含了所需的类和函数声明。 创建对象&#xff1a; 创建了两个球体&#xff08;一个较大&#xff0c;一个较小&#xff09;&#xff0c;一个平面&…

FANUC机器人KAREL语言程序结构(入门)

一、karel语言程序结构 FANUC机器人keral语言编程结构如下图所示&#xff1a; Keral指令对应的基础用法如下所示&#xff1a; 二、创建一个简单的写屏程序 依照对应的karel语法写写入下列程序 运行对应的程序进行测试&#xff1a;

【Python进阶】einops库的总:张量重排,重复,堆叠操作利器 | rearrange reduce repeat stack

深度学习中&#xff0c;往往需要大量的形状改变&#xff0c;我见到的最多的便是rearrange 他其实是属于einops这个库的&#xff0c;这个库的更多使用方式整理如下 文章目录 1 rearrange函数 重排2 reduce 计算平均值3 repeat和stack einops 是一个用于重新排列和重塑张量的库&…

南网科研院携手百度智能云,入选信通院AI原生应用优秀案例

为呈现AI原生研发和应用成效&#xff0c;提供AI原生相关技术、服务、部署、运营、基础设施等选型参考&#xff0c;近期&#xff0c;中国信息通信研究院发布了AI原生技术及应用优秀案例&#xff0c;由南方电网公司输配电部牵头、南方电网科学研究院有限责任公司&#xff08;以下…

Web安全攻防世界01 fileinclude(宜兴网信办)

<html> <head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /></head> //规定 HTML 文档的字符集<br /> <b>Notice</b>: Undefined index: language in <b>/var/www/html/index.ph…

Docket常见的软件部署1

1 安装MySQL # 查看MySQL镜像 docker search mysql # 拉起镜像 docker pull mysql:5.7 # 创建MySQL数据映射卷&#xff0c;防止数据不丢失 mkdir -p /hmoe/tem/docker/mysql/data/ # 启动镜像 docker run -d --name mysql -e MYSQL_ROOT_PASSWORD123456 -p 3306:3306 -v /home…

牛客NC79 丑数【中等 堆、优先级队列 Java,Go,PHP Go和PHP中我自己实现了优先级队列】

题目 题目链接&#xff1a; https://www.nowcoder.com/practice/6aa9e04fc3794f68acf8778237ba065b 思路 注意&#xff1a; 数据范围&#xff1a;0≤n≤2000&#xff0c; 2000肯定到不了&#xff0c;最多到1690&#xff0c;相同题目链接&#xff1a;https://www.lintcode.com…

Dockerfile:自定义镜像

Dockerfile 是一个文本文件&#xff0c;其中包含了一系列用于自动化构建Docker镜像的指令。通过编写Dockerfile&#xff0c;开发者能够明确地定义一个软件应用及其运行环境应该如何被封装进一个可移植、可重复构建的Docker镜像中。 第一步&#xff1a;在/tmp文件下新建docker…

HTTPS握手解析

TLS握手过程 HTTP 由于是明文传输&#xff0c;所谓的明文&#xff0c;就是说客户端与服务端通信的信息都是肉眼可见的&#xff0c;随意使用一个抓包工具都可以截获通信的内容。 存在的风险 窃听风险&#xff0c;比如通信链路上可以获取通信内容&#xff0c;用户号容易没。 篡…

hadoop 查询hdfs资源信息的方式

hdfs dfsadmin -report &#xff3b;-live&#xff3d;&#xff3b;-dead&#xff3d;&#xff3b;-decommissioning&#xff3d;

二分练习题——晾衣服

晾衣服 题目分析 这里出现了“最小化干燥的总时间”&#xff0c;那么可以考虑用二分去做。 第一阶段二段性分析 假设当前需要耗费的时间为mid分钟&#xff0c;如果mid分钟内可以烘干这些衣服&#xff0c;那么我们可以确定右边界大于mid的区间一定也可以。但是此时我需要找的…