如何在颤动的pageView中使用AnimatedCrossFade多个小部件？答案

【问题标题】：How to AnimatedCrossFade multiple widget with the pageView in flutter?如何在颤动的pageView中使用AnimatedCrossFade多个小部件？
【发布时间】：2020-08-31 06:23:26
【问题描述】：

我有一列，其中下半部分有ListView，上半部分有Widget，我想在它们之间进行淡入淡出。

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

pageView中可以有多个页面，PageView中每个页面对应的上半部分有一个Widget。

PageView中的一个页面改了如何淡入上半部分对应的widget？

它看起来像这样：-

这里随着黄页的改变，相应的小部件，即Widget1 被收取到Widget2。这里有任意数量的页面。

到目前为止，我正在考虑将所有小部件放在不透明度为 0 的堆栈中，并在页面更改时慢慢将不透明度更改为 1。但这似乎效率低下，是否有任何替代方法？

【问题讨论】：

标签： flutter animation widget

【解决方案1】：

您可以使用一个名为 AnimatedSwitcher 的小部件来解决问题。你可以在 YouTube 上的 Flutter Widget of the Week 系列中找到它的详细信息here

【讨论】：