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

相关推荐
玫瑰花开一片一片5 小时前
Flutter IOS 真机 Widget 错误。Widget 安装后系统中没有
flutter·ios·widget·ios widget
hepherd6 小时前
Flutter 环境搭建 (Android)
android·flutter·visual studio code
bst@微胖子1 天前
Flutter之路由和导航
flutter
亚洲小炫风1 天前
flutter 中各种日志
前端·flutter·日志·log
louisgeek1 天前
Flutter 动画之 Implicit 隐式动画
flutter
勤劳打代码1 天前
游刃有余 —— Isolate 轻量化实战
flutter·github·dart
RichardLai881 天前
[Flutter 基础] - Flutter基础组件 - Text
android·flutter
Ya-Jun2 天前
常用第三方库精讲:cached_network_image图片加载优化
android·flutter
WDeLiang2 天前
Flutter 环境搭建
flutter·ios·visual studio code