Flutter开发之SimpleDialog对话框组件-1(40)
简单对话框组件在移动开发的交互中比较常用到,用于提示信息、警告、选择等功能。今天就学习一下简单的对话框组件SimpleDialog
。
效果如图:
代码非常简单:
import 'package:flutter/material.dart';class SimpleDialogTest extends StatefulWidget {@overridecreateState()=>SimpleDialogTestState();
}class SimpleDialogTestState extends State<SimpleDialogTest> {void _showMySimpleDialog(){showDialog(context: context,builder: (BuildContext context) {return SimpleDialog(backgroundColor:Colors.deepOrange,title: const Text('对话框标题',textAlign:TextAlign.center,style: TextStyle(color: Colors.white),),children: [SimpleDialogOption(onPressed: () {print('第一行信息');// 使用showDialog后,手动关闭当前dialog,其实原因很简单,因为dialog其实是另一个页面,准确地来说是另一个路由,// 因此dialog的关闭也是通过navigator来pop的,所以它的地位跟你当前主页面一样。Navigator.pop(context);},child: const Text('第一行信息'),),SimpleDialogOption(onPressed: () {print('第二行信息');Navigator.pop(context);},child: const Text('第二行信息'),),],);},);}@overrideWidget build(BuildContext context) {return MaterialApp(title: 'SimpleDialog组件示例',home: Scaffold(appBar: AppBar(title: Text('SimpleDialog组件示例'),),body: new Center(child: new RaisedButton(onPressed: _showMySimpleDialog,child: new Text("Dialog出来"),color: Colors.blue,highlightColor: Colors.lightBlueAccent,disabledColor: Colors.lightBlueAccent),),),);}
}
OK 简单的会使用就举行了。以后慢慢研究更复杂的用法!
Flutter开发之SimpleDialog对话框组件-1(40)相关推荐
- Flutter开发之BottomSheetDialog选择组件-5(44)
BottomSheetDialog.ModalBottomSheetDialog同样也是需要借助showDialog唤起,就跟它名字一样,这两种dialog是从屏幕下方向上弹出的,不同的是Bottom ...
- Flutter开发之Tooltip提示组件-3(42)
Tooltip支持用户传入任意一个child作为显示的Widget,并且在用户长按Widget时,会在上方或者下方出现类似Toast的提示,隔一段时间自动消失,由于使用起来比较简单,很好的用户提示体验 ...
- Flutter开发之SnackBar提示组件-4(43)
SnackBar无论是用法还是功能使用几乎都跟原生Android一样 ,唯一有一点需要留意的是在Scaffold.of(context).showSnackBar()中传递的context必须不能是S ...
- Flutter开发之AlertDialog、AboutDialog对话框组件-2(41)
继上一篇介绍了SimpleDialog对话框组件 Flutter开发之SimpleDialog对话框组件-1(40) 这里再介绍一种带有确定.取消按钮的对话框组件:AlertDialog.AboutD ...
- Flutter开发之ListView下拉刷新上拉加载更多(35)
在Flutter开发之ListView组件(21) 文章中,我们了解了ListView组件的基本使用.但是数据比较少,没有涉及分页加载.而实际开发中,下拉刷新和分页加载几乎是所有APP的标配.在iOS ...
- Flutter开发之ListView使用第三方pull_to_refresh加载更多(36)
在Flutter开发之ListView下拉刷新&上拉加载更多(35) 中我们实现了下拉刷新.上拉分页加载的功能.但是使用起来非常不方便,且不满一屏时难以处理. 今天介绍ListView使用第三 ...
- Flutter开发之iOS后台定位开发详解
Flutter开发之iOS后台定位开发详解 需求目的 开发一个功能持续获取用户的位置发送给后端,PC端会根据后端传来的移动端发送的位置信息,来绘制使用者的运动轨迹. 实现需求 是否实现 后台定位 ✅ ...
- Flutter开发之ListView添加HeaderView和FooterView-2(39)
参考文章:RecyclerView添加HeaderView和FooterView 接着Flutter开发之ListView添加HeaderView和FooterView-1 继续研究. 通过Recyc ...
- Flutter开发之ListView使用第三方flutter_refresh加载更多(37)
在Flutter开发之ListView使用第三方pull_to_refresh加载更多(36) 中我们实现了下拉刷新.上拉分页加载的功能.今天介绍另一个ListView使用第三方flutter_ref ...
最新文章
- session 重写进入redis测试
- 并发安全Sync包的使用
- 公共课计算机基础怎么样,公共课第一学期《计算机基础》
- sql server规范
- android 结束if循环_简单探究Android平台下' if ' 语句条件判断耗时情况
- rocketmq概念
- 第02章:字符串是否包含
- C语言system的用法
- 橘子origin游戏平台如何绑定登陆验证/二次验证码?
- Python UI自动化报错汇总2
- gtp6 linux 启动_glibc.i686安装
- 第四章 大数据之hive搭建
- 吃透Kafka六:topic 创建过程
- 正确区分标识(zhi)符、关键字与保留字
- Directions Reduction -- 5 kyu
- http ,https 等常用的默认端口号
- 计算机电缆价格范围,计算机电缆DJYPVPR价格,报价
- Openwrt编译进阶-修改ROOT密码,修改默认WiFi名称,修改主机名,修改主机型号
- 千牛卖家工作平台使用教程
- 数据流—DataStreamAPI
热门文章
- windows上配置jdk环境变量
- spring boot 启动 nested exception is java.lang.IllegalStateException
- Machine Learning:如何选择机器学习算法?
- bzoj 4836: 二元运算
- 基于NPOI的Excel数据导入
- 聊聊 #pragma 和 // MARK:
- [詹兴致矩阵论习题参考解答]习题6.6
- lua工具库penlight--05日期和时间
- 自己动手写一个JQuery插件(第二篇)(转)
- DirectX11 SDK下载地址: