Flutter Widget 之 animated_text_kit

文本是很好的，但是如果它只是被摆在那里就可能有些无聊

老实说，这对于大多数文本来说是没问题的，但是偶尔，你需要一小段令人眼前一亮的文本，一种让文本更加精彩的方法是为其配置动画

在Flutter中为文本配置动画的一种简单方方法是使用animated_text_kit包

AnimatedTextKit()

从animated_text_kit小部件开始，然后，给它一些animatedTexts，如果你想让一段文字产生动画效果，他可能只是一个。

在这里，我们使用了TyperANimatedText来实现打字效果，非常酷

AnimatedTextKit(
    animatedTexts : [
        TyperAnimatedText('Build apps'),
    ]
)

但是animated_text_kit对于在几个不同的文本中变换特别有用,只需向animatedTexts的参数添加members，现在，小部件将在不同的文本以及动画中旋转

AnimatedTextKit(
    animatedTexts: [
        TyperAnimatedText('Android'),
        TyperAnimatedText('iOS'),
        TuperAnimatedText('Web'),
    ]
)

这个叫做RotateAnimatedText

这个叫做ScaleAnimatedText

这里是ColorizeAnimatedText

还有很多

有了animated_text_kit,你可以快速尝试多种效果 看看它们是否适合你的应用

如果你想要更定制化的东西可以很容易就自己实现它，代码只需一个点击即可。

但是，很多情况下，animated_text_kit就能满足你的全部需求

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

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