时间戳

首页 > 解决方案 > 通过单击 Flutter 中的按钮，使用列表中的数据构建新容器

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

问题描述

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

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

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

标签： listflutterflutter-layout

解决方案

我建议您获取类型小部件的列表并将其填充到 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++;
     });
},

推荐阅读