flutter - Flutter 如何在 Listview.builder、SingleChildScrollView 等可滚动小部件中隐藏滚动条（拇指）

Question

有没有办法从 aSingleChildScrollView和中删除滚动条Listview.builder？最新更新后，它会在滚动时自动出现（平台 Windows）。

我试过这个解决方案：

 NotificationListener<ScrollNotification>(
     onNotification: (_) => true,
     child: ...,
    );

并且还尝试将我的小部件树包装在带有 isAlwaysShown 和控制器的 Scrollbar 小部件中，但两种变体都不起作用。

Answer 1

要在桌面/网络上隐藏滚动条，请将您的小部件树包装在具有 ScrollConfiguration.of(context).copyWith(scrollbars: false) 行为的 ScrollConfiguration 小部件中，

 ScrollConfiguration(
      behavior: ScrollConfiguration.of(context).copyWith(scrollbars: false),
      child: ...,),

或者您可以将 scrollBehavior 添加到 MaterialApp 小部件

class NoThumbScrollBehavior extends ScrollBehavior {
  @override
  Set<PointerDeviceKind> get dragDevices => {
        PointerDeviceKind.touch,
        PointerDeviceKind.mouse,
        PointerDeviceKind.stylus,
      };
}

return MaterialApp(
      debugShowCheckedModeBanner: false,
      scrollBehavior: NoThumbScrollBehavior().copyWith(scrollbars: false),
      home: MainWindow(),
    );

Answer 2

将您的可滚动小部件包装在ScrollConfiguration

ScrollConfiguration(
 behavior: ScrollConfiguration.of(context).copyWith(scrollbars: false),
 child: ListView(...)
)

Answer 3

实现这一点的最简单快捷的方法是thickness: 0在 Scrollbar 小部件上进行设置。它看起来像这样：

 Scrollbar(
          thickness: 0,
          child: ...
 )