在 Flutter web 中是否有等同于 `overflow:scroll` 的东西？

Question

我正在尝试访问浏览器的本机滚动条（查看此处右侧的内容）。通常，如果小部件的内容超出视口，Flutter 会抛出类似以下的错误：A RenderFlex overflowed by 445 pixels on the bottom. 是否有设置或其他设置可以告诉 Flutter Web 仅使该特定小部件可滚动？如果我们使用 Scrollbar 小部件而不是它不可拖动，并且 DraggableScrollbar 小部件看起来很奇怪并且实现代码远远超过我的工资等级。我只想要我祖父母习惯的普通滚动条。

Answer 1

我写下了完整的步骤，因为也许有人会第一次使用 DraggableScrollbar 小部件。

1. 将此添加到 pubspec.yaml 依赖项：

draggable_scrollbar: ^0.0.4

2.导入包：

import 'package:draggable_scrollbar/draggable_scrollbar.dart';

3.定义一个ScrollController:

final ScrollController _scrollController = ScrollController();

4. 用法：

@override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
          child: DraggableScrollbar.rrect(
            controller: _scrollController,
            heightScrollThumb: 100,
            backgroundColor: Colors.yellow,
            child: ListView.builder(
              controller: _scrollController,
              itemExtent: 150.0,
              itemCount: 50,
              itemBuilder: (context, index) {
                return Container(
                  child: Card(
                    child: Center(
                      child: Text(index.toString()),
                    ),
                  ),
                );
              },
            ),
          ),
        ),
    );
  }

在 Flutter web 中是否有等同于 `overflow:scroll` 的东西？

Is there an equivalent to `overflow:scroll` in Flutter web?

flutter

flutter-web