flutter - 在 FAB 上添加表格小部件单击 FLUTTER

Question

我需要我的应用程序中的用户单击添加按钮，它应该在屏幕上创建一个基本表格。我有 Scaffold 中表格的代码和一个尚未执行任何操作的 FAB。我应该在 onPressed 中写什么才能在屏幕上添加我的表格？

如果您需要的话，这是我的代码:

    @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title:const Text("Table"),
      ),
      floatingActionButton: FloatingActionButton(
        highlightElevation: 50,
        onPressed: () {},
        child: const Icon(Icons.add),
        ),
      body: Center(
          child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
           Container(
                    margin: const EdgeInsets.all(20),
                    child: Table(
                      border: const TableBorder(top: BorderSide(), bottom: BorderSide(), left: BorderSide(), right: BorderSide(),
                      horizontalInside: BorderSide(color: Colors.blue, style: BorderStyle.solid),
                      verticalInside: BorderSide(color: Colors.blue, style: BorderStyle.solid)),
                      children: const [
                        TableRow(children: [
                          Padding(padding: EdgeInsets.all(10.0),),
                          Padding(padding: EdgeInsets.all(10.0),)
                        ]),
                        TableRow(children: [
                          Padding(padding: EdgeInsets.all(10.0),),
                          Padding(padding: EdgeInsets.all(10.0),)
                        ]),
                        TableRow(children: [
                          Padding(padding: EdgeInsets.all(10.0),),
                          Padding(padding: EdgeInsets.all(10.0),)
                        ]),
                        TableRow(children: [
                          Padding(padding: EdgeInsets.all(10.0),),
                          Padding(padding: EdgeInsets.all(10.0),)
                        ]),
                      ],
                    ),
                  ),
              ]
          ),
      ),
    );
  } ```

Answer 1

尝试以下代码:

List<Widget> children = [];

---

floatingActionButton: FloatingActionButton(
  highlightElevation: 50,
  onPressed: () {
    children.add(
      value // Code for your table
    );
    setState(() {});
  },
  child: const Icon(Icons.add),
),

---

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: children,
),