Flutter：如何重写Cupertino组件私有状态实现以修改滚动条padding？

无需修改源码的替代方案 #

直接使用RawScrollbar自定义Cupertino风格的滚动条，通过手动设置padding属性匹配SliverPadding的内边距，就能让滚动条位置和列表实际滚动范围对齐，同时避免原问题中的列表项消失问题。示例代码如下：

RawScrollbar(
  // 设置与SliverPadding一致的内边距，让滚动条位置匹配列表
  padding: const EdgeInsets.only(top: 20),
  thumbColor: CupertinoColors.systemGrey2,
  radius: const Radius.circular(4),
  thickness: 3,
  child: CustomScrollView(
    slivers: [
      SliverPadding(
        padding: const EdgeInsets.only(top: 20),
        sliver: SliverList(
          delegate: SliverChildBuilderDelegate(
            (context, index) => ListTile(title: Text('Item $index')),
            childCount: 50,
          ),
        ),
      ),
    ],
  ),
)

这种方式完全不需要修改Flutter源码，仅需模拟原生CupertinoScrollbar的样式即可，代码量小且易维护。

若坚持使用原生CupertinoScrollbar #

确实只能复制cupertino_scrollbar.dart的完整源码到项目中，修改_CupertinoScrollbarState类里updateScrollbarPainter方法的padding赋值逻辑。虽然只改一行代码，但由于Flutter的私有状态无法外部访问，这是目前唯一能保留原生组件全部特性的方式。

你可以在复制后的源码中，将：

..padding = MediaQuery.of(context).padding

修改为结合你的SliverPadding内边距的数值，或者新增一个自定义参数来传入需要的padding，让组件更灵活。

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