flutter Dialog对话框看这一篇就够了

最新推荐文章于 2024-08-09 08:06:03 发布

智玲君

最新推荐文章于 2024-08-09 08:06:03 发布

阅读量3.4k

点赞数

文章标签： flutter dialog

本文链接：https://blog.csdn.net/gpf1320253667/article/details/111848278

版权

Flutter开发笔记精选专栏收录该内容

40 篇文章 79 订阅 ¥39.90 ¥99.00

订阅专栏

本文全面解析Flutter中的Dialog用法，包括AlertDialog、SimpleDialog、BottomSheet、ModalBottomSheet、StatefulBuilder实现局部刷新、自定义Dialog、动画效果、键盘遮挡解决方案以及无需Context的路由跳转。通过实例代码展示各种Dialog的使用场景和技巧。

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

前言

Dialog对话框作为与用户交互的一种方式在app开发中是一项必不可少的功能，因此掌握Flutter中的Dialog用法是非常重要的，本篇我们将详细讲解一下flutter中对话框的使用以及实际使用时需要注意的地方。

学习Dialog之前首先我们要知道，其实Dialog并不神秘，它本质上也是一个页面，只不过页面的其他部分都是半透明的背景，看起来像是一个弹框而已，既然本质也是一个页面，那么它的显示以及关闭跟传统的页面跳转以及返回一样也是由Navigator进行管理。

在Flutter中，对话框会有两种风格，调用showDialog()方法展示的是安卓上Material风格的对话框，调用showCupertinoDialog()方法展示的是IOS上Cupertino风格的对话框，而这两个显示对话框的方法最终也都是通过调用Navigator.of(context, rootNavigator: true).push()路由打开了一个新的页面而已。