flutter - 如何在Flutter中制作带有淡入淡出效果的轮播/ slider /图像切换器

Question

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

我还在此处的文档中找到了一个淡入淡出动画小部件的示例:https://api.flutter.dev/flutter/widgets/AnimatedCrossFade-class.html和 https://api.flutter.dev/flutter/widgets/AnimatedSwitcher-class.html

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

Answer 1

您可能已经根据没有答案的时间解决了这个问题，但今天我不得不帮助一位 friend 解决与您类似的问题，并提出了与您相同的解决方案:使用 AnimatedSwitcher + FadeTransition + Timer.periodic .此示例中不是图像列表，但您可以轻松地将列表更改为 List<String>以及 Image.network 的小部件而不是 Icon .

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