Flutter Widget 之 FlutterLogo

如果你需要动态的Flutter徽标 只需使用FlutterLogo小部件

你可以设置一个尺寸是其变得更大或更小

FlutterLogo(
    size: 100,
    style: FlutterLogoStyle.markOnly,
)

但并不止于此，添加style参数 以添加Flutter标题，默认情况下markOnly进现实徽标

但是你可以将其设置为horizontal 使徽标旁边出现Flutter

FlutterLogo(
    size: 100,
    style: FlutterLogoStyle.horizontal,
)

或者设置为stacked 使其出现在下方

FlutterLogo(
    sizeL 100,
    style: FlutterLogoStyle.stacked,
)

Flutter徽标小部件还内置支持动画：curve属性可改变这些动画，将其设置为类似bounceInOut的curve然后更改其大小 以查看其跳进或跳出

FlutterLogo(
    size: 100,
    style: FlutterLogoStyle.stacked,
    curve: Curves.bounceInOut,
)

然后更改duratioon使其速度变慢

FlutterLogo(
    size: 100,
    style: FlutterLogoStyle.stacked,
    curve: Curves.bounceInOut,
    duration: Duration(seconds: 5),
)

所有这些都由AnimatedContainer支持以及特别的FlutterLogoDecoration来处理将徽标涂在画布的过程

如果想了解有关FlutterLogo 的内容，或者关于Flutter的其他功能，请访问flutter.dev

原文翻译自视频：视频地址