如何在Flutter中制作具有衰减效果的旋转木马/滑块/图像切换器

时间:2019-09-23 09:36:34

标签: flutter flutter-animation

我在这里找到了许多在线滑块库,例如:https://github.com/GeekyAnts/flutter-carousel 但是它们都不支持图像之间的淡入淡出效果(幻灯片之间的图像过渡要淡入淡出)。

我还在这里的文档中找到了一个淡化动画小部件的示例:https://api.flutter.dev/flutter/widgets/AnimatedCrossFade-class.htmlhttps://api.flutter.dev/flutter/widgets/AnimatedSwitcher-class.html

我正在考虑制作占位符小部件,并使用计时器使用文档中建议的方法在图像之间切换。这是实现这一目标的最佳方法吗?还有其他现成的库或更简单的方法吗?

1 个答案:

答案 0 :(得分:1)

您可能已经基于没有答案的时间解决了这个问题,但是今天我不得不帮助一个遇到与您类似的问题的朋友,并提出了相同的解决方案:使用AnimatedSwitcher + {{1} } + FadeTransition。在此示例中,它不是图像列表,但是您可以轻松地将列表更改为Timer.periodic,并将窗口小部件更改为List<String>而不是Image.network

以下是可运行的解决方案+代码:https://dartpad.dev/c1332cc136c96fa5980c3e05c7faeb4b