Flutter | 老孟程序员

# AboutDialog

AboutDialog 用于描述当前 App 信息，底部提供 2 个按钮：查看许可按钮和关闭按钮。AboutDialog 需要和 showAboutDialog 配合使用，用法如下：

showAboutDialog(
  context: context,
  applicationIcon: Image.asset(
    'images/bird.png',
    height: 100,
    width: 100,
  ),
  applicationName: '应用程序',
  applicationVersion: '1.0.0',
  applicationLegalese: 'copyright，一枚有态度的程序员',
  children: <Widget>[
    Container(
      height: 30,
      color: Colors.red,
    ),
    Container(
      height: 30,
      color: Colors.blue,
    ),
    Container(
      height: 30,
      color: Colors.green,
    )
  ],
);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

效果如下：

效果.png

属性说明如下：

  • applicationIcon：应用程序的图标。
  • applicationName：应用程序名称。
  • applicationVersion：应用程序版本。
  • applicationLegalese：著作权（copyright）的提示。
  • children：位置如上图的红蓝绿色的位置。

所有的属性都需要手动设置，不是自动获取的。asdada

下面的 2 个按钮根据应用程序支持的语言显示相应的语言，比如显示中文方法如下：

1、在 pubspec.yaml 中配置支持国际化：

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
1
2
3
4
5

2、在 MaterialApp 中配置当前区域：

MaterialApp(
      title: 'Flutter Demo',
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('zh', 'CH'),
        const Locale('en', 'US'),
      ],
      locale: Locale('zh'),
      ...
  )
1
2
3
4
5
6
7
8
9
10
11
12
13

此时效果：

效果.png

此时点击查看许将会调用 showLicensePage,相关效果可以查看 showLicensePage。