Flutter Widget 之AnimatedIcon

1,293 阅读1分钟

Flutter通过直接在框架中提供Material和Cupertino图标集满足你对图标的所有需求

但你是否知道Flutter还有一些列的动画图标可以让你直接拖放到你的应用程序中使用?

想要使用它们的话,让我们来看一看AnimatedIcon widget

首先,把你想要显示的动画图标交给它,现在,提供一个动画对象为图标设置动画

AnimatedIcon (
    icon: AnimatedIcon.play_pause,
    progress: myAnimation,
)

你只需调用动画对象上的forward或reverse函数,即可沿任一方向驱动动画

animate() => myAnimation.reverse();
animate() => myAnimation.forward();

Flutter为你提供了一系列不同的动画图标供你使用

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

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