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

Question

我对 Flutter 还很陌生，只是想知道每次单击按钮（比如 FAB）时我们如何创建一个新的卡片小部件。

假设这是卡片小部件：

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

我希望每次点击 FAB 时卡片都以相同的内容构建。有人可以帮我解决这个问题吗？

Answer 1

首先声明一个Widget类型的List

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());
              });
            },
          ),

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

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

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

How to add a card widget dynamically whenever floating action button is clicked in flutter?

flutter

flutter-layout

flutter-widget