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--------------------------------------------------------------------

相关推荐
张风捷特烈3 小时前
Flutter 伪 3D 绘制#02 | 地平面与透视
android·flutter
关山月3 小时前
Flutter 图像上传与裁剪
flutter
陈朝晖SHS4 小时前
Flutter求助贴
flutter
恋猫de小郭4 小时前
Flutter Roadmap 2025 发布,快来看看有什么更新吧
android·前端·flutter
陈皮话梅糖@9 小时前
使用 Provider 和 GetX 实现 Flutter 局部刷新的几个示例
开发语言·javascript·flutter
小墙程序员16 小时前
Flutter 教程(十)主题
flutter
小墙程序员17 小时前
Flutter 教程(九)权限
flutter
pengyu18 小时前
系统化掌握Dart网络编程之Dio(二):责任链模式篇
android·flutter·dart
侑柚酒18 小时前
一个例子直观的告诉你flutter中key的作用
flutter
pengyu20 小时前
系统化掌握Dart网络编程之Dio(二):配置管理篇
android·flutter·dart