通过单击 Flutter 中的按钮，使用列表中的数据构建新容器

Posted 2023-02-23

【中文标题】通过单击 Flutter 中的按钮，使用列表中的数据构建新容器

【英文标题】：Build new container with data from a list by click on a button in Flutter

【发布时间】：2021-02-02 04:34:15

【问题描述】：

在 Flutter 中，我有一个容器，其中包含当前时间和来自 List(datatype) 的一些文本。

当我点击一个按钮时，它应该获取列表中的项目并将它们放在容器上，并且应该构建容器。

当我再次按下按钮时，下一个条目应该在下面做同样的事情。

【问题讨论】：

您能分享一些代码和图片或示例吗？

【参考方案1】：

我建议您获取类型小部件的列表并将其填充到 SetState 中以重建状态，您可以使用 ListView.builder 构建此列表

List data = ["data1", "data2", "data3"]; // The data you get from the API
int  _i = 0; //the amount of containers you want.

建造者

ListView.builder(
  itemCount: i,
  itemBuilder: (BuildContext ctxt, int index) 
    return new Container(child: Text(data.index.toString());
     
)

要递增的按钮：

onPressed: ()
   setState(()  //setState for rebuilding the page.
       _i++;
     );
,