iOS平台RefreshIndicator下拉刷新时出现阴影问题

嗨，我看到你在iOS设备上使用RefreshIndicator下拉刷新时遇到了莫名的阴影问题，而且这个问题只在iOS上出现，Android完全正常对吧？这个小坑其实不少Flutter开发者都碰到过，我来给你几个可行的解决思路：

可能的解决办法： #

• 给子滚动组件加上裁剪处理：最常见的解决方式是给RefreshIndicator的子组件（比如你的ListView/GridView）包裹一个ClipRect组件，强制裁剪掉超出边界的内容，这样下拉时的多余阴影就会被裁掉。示例代码如下：

Scaffold(
  body: RefreshIndicator(
    color: Theme.of(context).progressIndicatorTheme.color,
    edgeOffset: 20,
    onRefresh: fetchData,
    child: ClipRect(
      child: .......... // 这里放你的滚动视图组件
    ),
  ),
)

• 检查滚动组件的clipBehavior属性：如果你的子组件是ListView这类滚动组件，可以直接设置它的clipBehavior: Clip.hardEdge，同样能起到裁剪多余阴影的作用。
• 调整Scaffold的布局属性：有时候Scaffold的extendBodyBehindAppBar或者resizeToAvoidBottomInset属性会影响iOS上的渲染逻辑，你可以尝试调整这些属性的值，看看阴影是否消失。
• 尝试第三方下拉刷新库：如果以上方法都没效果，也可以考虑用跨平台适配更完善的第三方库，比如pull_to_refresh，这类库在处理iOS端的细节问题上往往更到位。

补充说明：你提供的图片显示，当下拉触发刷新指示器时，指示器周围出现了额外的阴影效果，和预期的纯净刷新组件样式不符，这正是iOS端RefreshIndicator的常见渲染适配问题。

备注：内容来源于stack exchange，提问作者Beeednarek