Flutter 如何在 Listview.builder、SingleChildScrollView 等可滚动小部件中隐藏滚动条(拇指)

Kir*_*ill 21 scrollbar flutter flutter-layout

SingleChildScrollView有没有办法从 a和中删除滚动条Listview.builder?最新更新后,滚动时会自动出现(平台 Windows)。

我尝试过这个解决方案:

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

Run Code Online (Sandbox Code Playgroud)

并且还尝试使用 isAlwaysShown 和控制器将我的小部件树包装在滚动条小部件中,但这两种变体都不起作用。

还在

Kir*_*ill 74

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

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

Run Code Online (Sandbox Code Playgroud)

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

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

return MaterialApp(
      debugShowCheckedModeBanner: false,
      scrollBehavior: NoThumbScrollBehavior().copyWith(scrollbars: false),
      home: MainWindow(),
    );
Run Code Online (Sandbox Code Playgroud)


mah*_*mnj 17

将可滚动小部件包装在ScrollConfiguration中

ScrollConfiguration(
 behavior: ScrollConfiguration.of(context).copyWith(scrollbars: false),
 child: ListView(...)
)
Run Code Online (Sandbox Code Playgroud)