如何在扑朔迷离的pageView中使AnimatedCrossFade多个小部件?

时间:2020-05-14 16:08:41

标签: flutter animation widget

我有一列,下半部分有ListView,上半部分有我想淡化的Widget

pageVirew和上方的小部件是一列中的独立小部件。

pageView中可以有多个页面,并且上半部中有一个Widget,对应于PageView中的每个页面。

PageView中如何更改页面的淡入淡出方式?

它看起来像这样:- enter image description here

在更改黄页时,相应的窗口小部件即Widget1被记入Widget2。 这里有任意数量的页面。

到目前为止,我正在考虑将所有小部件以不透明度0放置在堆栈中,并在更改页面时将不透明度逐渐更改为1。但这似乎效率低下,是否有其他替代方法?

1 个答案:

答案 0 :(得分:0)

您可以使用名为 AnimatedSwitcher 的小部件来实现这一点。 您可以在 YouTube 的 Flutter Widget of the Week 系列中找到它的详细信息here