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

前言

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

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

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

1，AlertDialog & CupertinoAlertDialog

警报对话框，AlertDialog和CupertinoAlertDialog分别对应Material(Android)和Cupertino(IOS)两种风格的样式，showDialog和AlertDialog配合使用展示Material风格对话框，showCupertinoDialog和CupertinoAlertDialog配合使用展示iOS风格对话框。
适用场景：一般用于当用户执行某项操作时，弹框提示让用户确认是否要执行此操作，一般从上到下包含可选的标题栏，可选的内容区域，以及可选的ButtonBar操作栏，

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！