每当在颤动中单击浮动操作按钮时,如何动态添加卡片小部件?

阿里吉特

我对 flutter 很陌生,只是想知道我们如何在每次点击按钮(比如 FAB)时创建一个新的卡片小部件。

假设这是卡片小部件:

return Card(
 child: Column(
  children: [
  Text('name'),
  Text('standard'),
  Text('Roll No'),
    ],
   ),
 );

我希望每次单击 FAB 时卡片都以相同的内容构建。有人可以帮我弄这个吗 ?

赫马尔

首先声明一个小部件类型的列表

List<Widget> _cardList = [];

然后创建要在按钮单击时添加的小部件,例如

  Widget _card() {
    return Card(
      child: Column(
        children: [
          Text('name'),
          Text('standard'),
          Text('Roll No'),
        ],
      ),
    );
  }

单击按钮将您的小部件添加到列表中

FloatingActionButton(
            child: Icon(Icons.add),
            onPressed: () {
              setState(() {
                _cardList.add(_card());
              });
            },
          ),

现在使用 aListView.builder创建小部件列表

 ListView.builder(
      shrinkWrap: true,
      itemCount: _cardList.length,
      itemBuilder: (context, index) {
        return _cardList[index];
      },
    )

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在flutter中单击浮动操作按钮时添加新小部件

单击(多次)时,如何在颤动中更改卡片小部件的颜色?

如何让这个小部件或卡片列表颤动

如何添加浮动操作按钮,该按钮可在flutter中粘贴到另一个小部件

如何将浮动小部件置于颤动中?

如何在两个小部件/布局之间添加新的“浮动操作按钮”

在卡片小部件中添加一个凸起按钮

单击按钮后如何将小部件动态添加到布局

如何在颤动中从 api 获取图像到卡片小部件?

颤动中列表小部件内的多张卡片

颤动中的全宽浮动操作按钮?

Flutter-单击按钮时在GridView中添加容器(窗口小部件)?

如何使小部件在浮动中彼此浮动

如何在单击小部件中的按钮时显示烤面包并打开蓝牙?

如何在表中单击按钮时添加动态行?

如何在单击另一个小部件的按钮时显示小部件

按下按钮后添加卡片小部件

如何单击小部件中的按钮来关闭覆盖图?

按下按钮动态添加小部件

按下按钮时如何添加小部件

单击Flutter中的搜索框时,如何防止出现浮动操作按钮(FAB)?

如何在 Kotlin 中每次单击浮动操作按钮时重用我的代码?

如何在 Flutter 中动态缩放小部件(在我的情况下是卡片)?

如何设置颤动切换按钮小部件的宽度

单击时添加相同的小部件 -Flutter

如何在android中动态添加小部件?

如何在侧边栏小部件中添加按钮?

如何在浮动动作按钮按下时重建小部件?

小部件中的颤动迭代