Flutter 系统弹框

生成普通弹框

//其中build 定义返回widget ,所以可以自定义
showDialog(context: context, builder: builder)

生成底部弹框

showModalBottomSheet(context: context, builder: bottomBuilder)

关闭弹框

//关闭弹框
Navigator.pop(context);//关闭弹框时携带返回值 , 协同 async 和 await 关键字,由 showDialog | showModalBottomSheet 返回
Navigator.pop(context, "点击了确定");

示例

class DialogAct extends StatefulWidget {@override_DialogActState createState() => _DialogActState();
}class _DialogActState extends State<DialogAct> {get builder => (BuildContext context) {return AlertDialog(//定义标题 接收widget 可自定义title: Text("我是标题"),//定义内容 接收widget 可自定义content: Image.network(imgUrl3),//定义底部按钮 接收widget 可自定义actions: [TextButton(onPressed: () {Navigator.pop(context, "点击了确定");},child: Text("确定")),TextButton(onPressed: () {Navigator.pop(context, "点击了取消");},child: Text("取消")),],);};get bottomBuilder => (BuildContext context) {return Container(child: Column(children: [ListTile(title: Text("标题"),subtitle: Text("内容1"),onTap: () {Navigator.pop(context, "点击了内容1");},),ListTile(title: Text("标题"),subtitle: Text("内容2"),onTap: () {Navigator.pop(context, "点击了内容2");},),ListTile(title: Text("标题"),subtitle: Text("内容3"),onTap: () {Navigator.pop(context, "点击了内容3");},),],),);};//弹出AlertDialog_alertDialog() async {var result = await showDialog(context: context, builder: builder);print("弹框的返回值: $result");}//弹出底部弹框_showBottomDialog() async {var result =await showModalBottomSheet(context: context, builder: bottomBuilder);print("弹框的返回值: $result");}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(centerTitle: true,title: Text("弹框"),),body: Center(child: Column(children: [ElevatedButton(onPressed: () {_alertDialog();},child: Text("AlertDialog")),ElevatedButton(onPressed: () {_showBottomDialog();},child: Text("bottomDialog")),],),),floatingActionButton: FloatingActionButton(onPressed: () {//返回上一页Navigator.of(context).pop();},child: Text("返回"),),);}
}

Flutter 系统弹框相关推荐

自定义IOS系统弹框
写在之前系统的弹框虽然很好看,但是有时候无法完全满足UI设计的需求,比如说中间要显示一个输入框,或者要放置一张图片,这里介绍一个很早之前的自定义弹框库,这个自定义弹框sdk写的很细致,定制性很强,几 ...
android 系统弹框与自定义弹框
1. 系统弹框 private AlertDialog alertDialog; private void tipDialog(String value) { if (alertDia ...
Flutter AlertDialog弹框的基本使用、Flutter showDialog方法使用概述
优美的应用体验来自于细节的处理,更源自于码农的自我要求与努力,当然也需要码农年轻灵活的思维,不局限于思维,不局限语言限制,才是编程的最高境界. 在Flutter中使用 AlertDialog 来构建 ...
Flutter 底部弹框 showModalBottomSheet 使用Demo
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Flutter是谷歌推出的最新的移动开发框架. [x1]微信公众号的每日提醒随时随记每日积累随心而过文章底部扫码关注 [x2] ...
Flutter 吐司弹框的使用 showToast弹框（插件）
Flutter 简单好用的 showToast 弹框先贴依赖版本可根据最新变页面代码实现效果 #flutter 中会用到一些fultter 实现起来麻烦的组件,而flutter的插件很多简单 ...
flutter 底部弹框选择农历和阳历的日期和时间
最近在做一个万年历的项目,用到了选择出生日期加时辰,关键是还农历和阳历切换的,找了半天也没找到现成的,那就自己做一个吧,首先,效果如图由于是初学的flutter,首次用flutter做项目,可能各方 ...
自定义Flutter loading弹框
先看效果图如下: 在Flutter中,万物皆widget.所以这所谓的弹框其实也是一个widget. 而现实弹框其实就是打开一个新的路由,只不过背景颜色设为透明色就行了. 布局代码实现代码如下: c ...
Android 9.0 系统弹框
处理方法:就是屏蔽弹框就行了 private void closeAndroidPDialog(){try {Class aClass = Class.forName("android.co ...
双击程序后系统弹框“您无权访问此程序”的解决办法
xp下:我的电脑>工具>文件夹选项>查看,勾掉使用简单文件共享选项.如下图: 此时,在右键点击程序图标时,选项卡中会出现"安全"选项卡.如下图: 修改everyo ...

Flutter 系统弹框

生成普通弹框

生成底部弹框

关闭弹框

示例

Flutter 系统弹框相关推荐

最新文章

热门文章