应用的简介对话框,可指定应用图标、应用名、应用版本号等信息和内部的子组件列表,点击左侧按钮可以跳转到证书页。

相关组件

AboutListTile

AboutDialog基本使用

【applicationIcon】 : 左上图标 【Widget】
【applicationVersion】 : 版本号 【String】
【applicationName】 : 应用名 【String】
【applicationLegalese】 : 应用律术 【String】
【children】 : 子组件列表 【List
60.gif

  1. import 'package:flutter/material.dart';
  2. class CustomAboutDialog extends StatelessWidget {
  3. @override
  4. Widget build(BuildContext context) {
  5. return Stack(
  6. children: <Widget>[
  7. _buildAboutDialog(),
  8. Positioned(top: 50, right: 20, child: _buildRaisedButton(context)),
  9. ],
  10. );
  11. }
  12. Widget _buildRaisedButton(BuildContext context) => RaisedButton(
  13. shape: RoundedRectangleBorder(
  14. borderRadius: BorderRadius.all(Radius.circular(10))),
  15. color: Colors.blue,
  16. onPressed: () {
  17. showDialog(context: context, builder: (ctx) => _buildAboutDialog());
  18. },
  19. child: Text(
  20. 'Just Show It',
  21. style: TextStyle(color: Colors.white),
  22. ),
  23. );
  24. AboutDialog _buildAboutDialog() {
  25. return AboutDialog(
  26. applicationIcon: FlutterLogo(),
  27. applicationVersion: 'v0.0.1',
  28. applicationName: 'Flutter Unit',
  29. applicationLegalese: 'Copyright© 2018-2020 张风捷特烈',
  30. children: <Widget>[
  31. Container(
  32. margin: EdgeInsets.only(top: 20),
  33. width: 80,
  34. height: 80,
  35. child: Image.asset('assets/images/icon_head.png')),
  36. Container(
  37. margin: EdgeInsets.only(top: 10),
  38. alignment: Alignment.center,
  39. child: Text(
  40. 'The King Of Coder.',
  41. style: TextStyle(color: Colors.white, fontSize: 20, shadows: [
  42. Shadow(
  43. color: Colors.blue, offset: Offset(.5, .5), blurRadius: 3)
  44. ]),
  45. ))
  46. ],
  47. );
  48. }
  49. }