AboutListTile

最新推荐文章于 2024-09-13 19:30:34 发布

laying_1230

最新推荐文章于 2024-09-13 19:30:34 发布

阅读量126

点赞数

分类专栏： flutter实战文章标签： flutter

本文链接：https://blog.csdn.net/qq_34511364/article/details/117929492

版权

flutter实战专栏收录该内容

15 篇文章 0 订阅

订阅专栏

本文介绍了Flutter中的AboutListTile组件的使用方法和参数详解，展示了如何创建一个包含详细信息的AboutDialog。通过示例代码，解释了各属性如icon、child、dense、applicationName等的作用，并提供了自定义aboutBoxChildren的展示，帮助理解如何构建一个关于页面。

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

AboutListTile

1. 用法如下：

class AboutListTileTest extends StatefulWidget {
  @override
  _AboutListTileState createState() => _AboutListTileState();
}

class _AboutListTileState extends State<AboutListTileTest> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('AboutListTile')),
      body: Center(
        child: AboutListTile(
          icon: FlutterLogo(),
          child: Text('AboutListTile的使用详解'),
          applicationName: '唐德',
          applicationVersion: 'V1.0.0',
          applicationIcon: FlutterLogo(),
          applicationLegalese: '专注分享Flutter相关内容',
          dense: true,
        ),
      ),
    );
  }
}

效果如下：

AboutListTile控件是有点击属性的，点击（AboutListTile的使用详解）弹出AboutDialog控件，这些属性出现在AboutDialog控件上，关于AboutDialog的详细内容请查看AboutDialog控件。

2. 参数详解：

icon：图标，不设置不显示
child：点击区域显示的文本或其他
dense：
applicationName：应用程序名称
applicationVersion：版本
applicationIcon：弹出的AboutDialog显示的图标
applicationLegalese：说明

设置aboutBoxChildren：

final TextStyle textStyle = Theme.of(context).textTheme.body1!;
    final List<Widget> aboutBoxChildren = <Widget>[
      SizedBox(height: 24),
      RichText(
        text: TextSpan(
          children: <TextSpan>[
            TextSpan(
                style: textStyle,
                text: 'Flutter is Google’s UI toolkit for building beautiful, '
                    'natively compiled applications for mobile, web, and desktop '
                    'from a single codebase. Learn more about Flutter at '),
            TextSpan(
              style: textStyle.copyWith(color: Theme.of(context).accentColor),
              text: 'https://flutter.dev',
            ),
            TextSpan(style: textStyle, text: '.'),
          ],
        ),
      ),
    ];

    return Scaffold(
      appBar: AppBar(title: Text('AboutListTile')),
      body: Center(
        child: AboutListTile(
          icon: FlutterLogo(),
          child: Text('AboutListTile的使用详解'),
          applicationName: '唐德',
          applicationVersion: 'V1.0.0',
          applicationIcon: FlutterLogo(),
          applicationLegalese: '专注分享Flutter相关内容',
          dense: true,
          aboutBoxChildren: aboutBoxChildren,
        ),
      ),
    );