小编THe*_*ere的帖子

Flutter web - 始终在数据表中显示水平和垂直滚动条

我有一个数据表,我试图让它始终显示水平和垂直滚动条。

我设法始终显示垂直滚动条,但水平滚动条仅在向下滚动到底部时显示。

水平滚动条仅在我向下滚动到底部时显示。

这是我的代码:

  final _scrollController = ScrollController();
  final _scrollController2 = ScrollController();

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 300,
      width: 400,
      child: Scrollbar(
        controller: _scrollController,
        isAlwaysShown: true,
        child: SingleChildScrollView(
          controller: _scrollController,
          scrollDirection: Axis.vertical,
          child: Scrollbar(
            controller: _scrollController2,
            isAlwaysShown: true,
            child: SingleChildScrollView(
              controller: _scrollController2,
              scrollDirection: Axis.horizontal,
              child: DataTable(
                showCheckboxColumn: true,
                columns: [
                  DataColumn(
                    label: Text('Name'),
                  ),
                  DataColumn(
                    label: Text('Year'),
                  ),
                  DataColumn(
                    label: Text('Year'),
                  ),
                  DataColumn(
                    label: Text('Year'),
                  ),
                ],
                rows: List<DataRow>.generate(
                  20,
                  (int index) => DataRow(
                    cells: <DataCell>[
                      DataCell(
                        Text('Row …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-web

5
推荐指数
1
解决办法
3341
查看次数

标签 统计

flutter ×1

flutter-web ×1