我需要在我的应用程序中的用户点击添加按钮,它应该创建一个屏幕上的基本表.我有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),)
                        ]),
                      ],
                    ),
                  ),
              ]
          ),
      ),
    );
  } ```

推荐答案

try 以下代码:

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,
),

Flutter相关问答推荐

获取屏幕大小的滚动视图与动态大小?

如何使用底部导航栏修复此导航问题

使用ThemeProvider不在亮模式和暗模式之间切换

TextFormfield无法与自动路由一起正常工作

为什么Flutter 翼扩展卡有上下边框?

脚本具有不受支持的MIME类型(';Text/html';).(messaging/failed-service-worker-registration)

在选项卡栏视图中搜索和筛选不起作用

FittedBox叠加技术在Flutter 中的应用

Flutter 日期时间格式

播放特定持续时间Flutter 的音频

NotifierProvider 每次更新都会重新构建并且值不更新

如何修改来自合并 list 的 Android list 权限?

如何使Flutter 边框宽度在外面而不是在里面?

模块是使用不兼容的 kotlin 版本编译的.其元数据的二进制版本是1.8.0,预期版本是1.6

Flutter sliver 持久化

Flutter中如何连续获取TextField的文本是否为空?

如何使用 Row 和 Column 制作 L 形布局?

如何在屏幕按钮中排列 row() (我想在按钮中放置屏幕导航图标)

如何使用 Riverpod 在运行时动态创建提供程序?

Flutter:整个判断整个应用生命周期的通用类