如何使位于堆栈内部的数据表可滚动

时间:2020-08-24 11:27:16

标签: flutter dart

我希望能够滚动DataTable()来查看所有表行。

这是我的用户界面:

enter image description here

这是代码。

Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[200],
      body: Stack(
        overflow: Overflow.visible,
        children: <Widget>[
          // Header & Overlap
          Positioned(
            ...
            child: CustomHeaderContainer(),
          ),
          Positioned(
            ...
            child: Container(
              color: Colors.white,
              width: MediaQuery.of(context).size.width * 0.9,
              height: 50,
            ),
          ),
          //

          // TODO: Make the table below scrollable
          Positioned( //*3
            ...
            child: Container( //*2
              color: Colors.white,
              width: MediaQuery.of(context).size.width * 0.9,
              child: DataTable( //*1
                columns: [
                  DataColumn(label: Text('Name')),
                  DataColumn(label: Text('Year')),
                ],
                rows: [
                  DataRow(cells: [
                    DataCell(Text('Dash')),
                    DataCell(Text('2018')),
                  ]),
                  DataRow(cells: [
                    DataCell(Text('Gopher')),
                    DataCell(Text('2009')),
                  ]),
                  ...
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }

*如果尝试添加SingleChildScrollView,会发生以下情况:

  1. 数据表:无滚动且无错误
  2. 容器:无滚动且无错误
  3. 位置:错误,不正确使用ParentDataWidget且没有scoll

1 个答案:

答案 0 :(得分:1)

尝试使用带有银条列表的自定义滚动器

async