Flutter网页中是否有类似于"溢出:滚动"的功能

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()),
),
),
);
},
),
),
),
);
}