当前位置：首页 > news >正文

AboutDialog组件的功能和用法

news 来源：原创 2025/5/16 5:10:26

文章目录

1 概念介绍
2 使用方法
3 示例代码

我们在上一章回中介绍了AlertDialog Widget相关的内容,本章回中将介绍AboutDialog Widget.闲话休提，让我们一起Talk Flutter吧。

在这里插入图片描述

1 概念介绍

我们在这里说的AboutDialog是一种弹出式窗口，和上一章回中介绍的AlertDialog类似，它主要用来显示应用程序信息，比如程序的名称、版本号、版权信息等。从
源代码上看，它是对AlertDialog的封装，可以看作是一种特殊的AlertDialog，本章回中将详细介绍它的使用方法。

2 使用方法

和其它的Widget一样，AboutDialog提供了相关的属性来控制自己，接下来我们将介绍一些常用的属性：

applicationName属性: 主要用来在弹出窗口中显示App的名字;
applicationVersion属性: 主要用来在弹出窗口中显示App的版本信息;
applicationIcon属性:主要用来在弹出窗口中显示App的图标;
children属性: 主要用来在弹出窗口中添加其它组件。
AboutDialog需要配合showDialog()方法才能使用，该方法中包含两个重要的参数，一个是上下文的环境context，一个是builder，该参数主要用来构造对话框。
这个方法我们在上一章回中使用过。除此之外，我们还可以直接使用showAboutDialog()方法显示AboutDialog.使用该方法时必须添加context类型的参数，其它
的参数和AboutDialog的属性完全一样，我们就不列出了。下面是示例代码：

3 示例代码

 //通过showDialog方法弹出窗口
_showAboutDialog() {showDialog(context: context,builder: (BuildContext context){return AboutDialog(applicationName: "App Name",applicationVersion: "v1.0",applicationIcon: const Icon(Icons.android),children: [//可以不添加Buttonm,因为已经自带了两个ButtonTextButton(onPressed: () {print("ok selected");Navigator.of(context).pop();},child: const Text("Ok"),)],);},);
}//直接使用系统封装好的方法：showAboutDialog()
_showSystemAboutDialog() {showAboutDialog(context: context,applicationName: "app",applicationVersion: "v111",children: [Text("Item 1"),Text("Item 2"),Text("Item 3"),],);
}

上面的代码中包含两种显示AboutDialog的方法，一种是ShowDialog()方法和AboutDialog组件配合使用，另外一种是直接使用ShowAboutDialog()方法。从代
码上可以看来showAboutDialog方法使用更加方便。此外，AboutDialog会自带两个按钮:VIEW LICENSES和CLOSE,点击VIEW LICENSES会跳转一个Flutter Licenses的网页，点击CLOSE会关闭窗口，这两个按钮是默认添加的，无法删除，这个可以从AboutDialog的源代码中看出来。如果大家不理解的话，可以自己动手
去运行程序，我在这里就不演示了。
看官们，关于AboutDialog Widget相关的内容就介绍到这里，欢迎大家在评论区交流与讨论!

文章目录

1 概念介绍

2 使用方法

3 示例代码

相关文章：