Flutter中如何移除SingleChildScrollView的滚动条？Windows端适配问题

当你给SingleChildScrollView设置physics: const NeverScrollableScrollPhysics()后，Windows端还出现滚动条，是因为Flutter在Windows平台的默认滚动行为会强制渲染滚动条，和移动端逻辑不同。要彻底隐藏，试试下面两种方法：

• 方法一：快速禁用当前上下文的滚动条
  用ScrollConfiguration包裹目标SingleChildScrollView，修改滚动行为关闭滚动条显示：

  ScrollConfiguration(
    behavior: ScrollConfiguration.of(context).copyWith(
      scrollbars: false,
    ),
    child: SingleChildScrollView(
      physics: const NeverScrollableScrollPhysics(),
      child: Container(
        // 替换成你的内容组件
        height: 1000,
        color: Colors.blue,
      ),
    ),
  )
  

• 方法二：自定义滚动行为（不影响其他组件）
  如果不想改动全局滚动逻辑，可以单独写一个不带滚动条的Behavior：

  class NoScrollbarBehavior extends ScrollBehavior {
    @override
    Widget buildScrollbar(BuildContext context, Widget child, ScrollableDetails details) {
      // 直接返回子组件，跳过滚动条渲染
      return child;
    }
  }
  
  // 使用示例
  ScrollConfiguration(
    behavior: NoScrollbarBehavior(),
    child: SingleChildScrollView(
      physics: const NeverScrollableScrollPhysics(),
      child: YourContentWidget(),
    ),
  )
  

这两种方案都能彻底隐藏Windows端的滚动条，同时不会影响iOS和Android端的原有表现。

内容的提问来源于stack exchange，提问作者YUNN