Flutter学习（四）如何取消listview的越界效果

motosheep2023-11-24 17:43

背景

在flutter的开发过程中，ListView是很常见的一个组件，但是，由于ListView的某些自带的体验，导致不太好的用户体验。例如ListView中，滑动到顶部或者底部的时候，再次滑动，会有越界的效果，还有主题色的半圆波纹。

图片:

内容如上。对于某些平台来说，是不兼容的。而且不不太符合部分设计的要求。所以就要去除这种效果。

实现过程

具体核心思路，就是修改滚动过程中的behavior，这个数据，简单来讲，就是用于控制一些交互行为的。区别于ScrollPhysics。

代码如下：

复制代码

    return ScrollConfiguration(
      behavior: ScrollConfiguration.of(context)
          .copyWith(overscroll: false), // 自定义的 behavior
      child: widget.listView,
    );

可以看到，就是取消了overscroll这个属性，重写设置一下而已。

加上该属性声明，表示取消越界效果。如果你有一定的安卓开发基础，看到这个属性的时候，肯定也会是焕然大悟。

that's all--------------------------------------------------------------------