如何在 Flutter 中重用 Stack 小部件的子级

Posted 2023-02-23

【中文标题】如何在 Flutter 中重用 Stack 小部件的子级

【英文标题】：How to reuse child of Stack widget in Flutter

【发布时间】：2020-09-29 17:02:17

【问题描述】：

假设我有一个 Stack 小部件，它只有 3 个子小部件来显示用户配置文件。我从服务器获得了多个用户配置文件数据。但我现在只想显示前 3 个。然后，当我刷第一个顶部子卡小部件时，它必须放在 Stack 小部件的底部，并且小部件数据必须由第四个用户数据更新，依此类推。如何重用 Stack 小部件的子组件，如下面的 GIF 图像所示。

PS：对不起我的英语:)，任何回答都将不胜感激。

【参考方案1】：

您可以使用List 来保留所有子小部件。然后，在Stack 的children 中，使用<insert_your_list_name>.subList(0,3) 仅传递包含您的子小部件的List 的前3 个元素。然后，子小部件上的每个滑动事件都可以删除 List 的第一个元素并将其附加到后面。使用setState 刷新您的Stack。