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

Posted

技术标签:

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

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

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

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

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

它看起来像这样:-

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

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

【问题讨论】:

【参考方案1】:

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

【讨论】:

以上是关于如何在颤动的pageView中使用AnimatedCrossFade多个小部件?的主要内容,如果未能解决你的问题,请参考以下文章

使用底部导航栏颤动保存 PageView 内每个页面的状态

将颤动的 PageView 与屏幕左侧对齐

如何在颤动中制作滚动计数器

颤动中的幻灯片过渡外观容器

在颤动中实现像香奈儿应用程序一样的自定义滚动?

与颜色相关的颤动图像