Flutter 组件函数

Flutter Widget Function

您是否有任何类似的资源或教程推荐与小部件的此功能相似?

功能是当我们按下 + 按钮时,它会再次显示类别框。

其实比你想象的要容易得多。 首先,我建议您看一下名为 ListViews (Flutter ListView, official documentation) 的 Flutter 小部件。它们非常棒,因为简单地说,您基本上可以创建一个显示不同数据的小部件循环(并且大多数时候您将显示来自某种数组的数据,您将通过当前渲染项目的索引访问这些数据)在 ListView 中)。

您将如何与他们合作?基本上,您有一个类别列表。每个类别都有一些数据(例如,两个文本和一个布尔值 - 可用性切换)。 您可以向 ListView 小部件发出指令,以根据您将在应用程序流程中维护的列表呈现类别小部件。该列表将包含应显示的类别列表(假设,在您提供的图像上,我们只添加了一个类别)。

当有人点击“+”时,一个新的类别项目将被添加到列表中(很可能使用 setState 或其他导致重新呈现的逻辑)并且之后,ListView 将检测到一个新项目并显示一个新小部件,该小部件将在其索引处填充新插入项目的内容。