• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Flutter 组件之 AboutListTile

Flutter cps12345 4个月前 (01-05) 106次浏览 0个评论

AboutListTile

用法如下:

AboutListTile()

效果如下:

Flutter 组件之 AboutListTile

什么也没有设置,怎么会出现“About 老孟”?AboutListTile组件的child参数,默认显示About+应用程序的名称。

设置child参数:

AboutListTile(
  child: Text('About 老孟程序员'),
)

效果如下:

Flutter 组件之 AboutListTile

设置icon:

AboutListTile(
  icon: FlutterLogo(),
  child: Text('About 老孟程序员'),
)

效果如下:

Flutter 组件之 AboutListTile

设置应用程序属性:

AboutListTile(
    icon: FlutterLogo(),
    child: Text('About 老孟程序员'),
    applicationName: '老孟程序员',
    applicationVersion: 'V1.0.0',
    applicationIcon: FlutterLogo(),
    applicationLegalese: '专注分享Flutter相关内容')

刷新,控件并没有更新,AboutListTile控件是有点击属性的,点击弹出AboutDialog控件,这些属性出现在AboutDialog控件上,关于AboutDialog的详细内容请查看AboutDialog控件。

Flutter 组件之 AboutListTile

设置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 AboutListTile(
  icon: FlutterLogo(),
  child: Text('About 老孟程序员'),
  applicationName: '老孟程序员',
  applicationVersion: 'V1.0.0',
  applicationIcon: FlutterLogo(),
  applicationLegalese: '专注分享Flutter相关内容',
  aboutBoxChildren: aboutBoxChildren,
  dense: false,
)

效果:

Flutter 组件之 AboutListTile

总结

此控件通常不会使用,通常会设置一个单独的“关于页面”

喜欢 (0)

您必须 登录 才能发表评论!