Flutter学习(四)如何取消listview的越界效果

背景

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

图片:

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

实现过程

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

代码如下:

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

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

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

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

相关推荐
AiFlutter14 小时前
Flutter之Package教程
flutter
Mingyueyixi18 小时前
Flutter Spacer引发的The ParentDataWidget Expanded(flex: 1) 惨案
前端·flutter
crasowas1 天前
Flutter问题记录 - 适配Xcode 16和iOS 18
flutter·ios·xcode
老田低代码2 天前
Dart自从引入null check后写Flutter App总有一种难受的感觉
前端·flutter
AiFlutter2 天前
Flutter Web首次加载时添加动画
前端·flutter
ZemanZhang4 天前
Flutter启动无法运行热重载
flutter
AiFlutter4 天前
Flutter-底部选择弹窗(showModalBottomSheet)
flutter
帅次5 天前
Android Studio:驱动高效开发的全方位智能平台
android·ide·flutter·kotlin·gradle·android studio·android jetpack
程序者王大川5 天前
【前端】Flutter vs uni-app:性能对比分析
前端·flutter·uni-app·安卓·全栈·性能分析·原生
yang2952423615 天前
使用 Vue.js 将数据对象的值放入另一个数据对象中
前端·vue.js·flutter