flutter 去掉滚动组件拉到底时那个蓝色的波浪效果

这个蓝色波浪有时候确实不必,我目前以为他惟一存在于长列表整屏幕时挺好看的,可是各类小的模块(好比: 通常用listview作的导航列表或者gridview作的宫格布局的图表导航)就没啥必要了,要命的是长列表下嵌套这种小的listview组件时,不只有局部丑陋的蓝色的波纹,还有严重的体验问题,手指划到局部listview时会触发局部listview的滚动,与外层大的滚动组件冲突,因此有时候用wrap这种流布局可能会更好。ide

那么,非要用listview,毕竟listview构建这种列表数据时特别方便,怎么办?

  • 导入io包和基础的material的包
import 'dart:io';
import 'package:flutter/services.dart';
  • 用ScrollConfiguration包裹滑动子布局:
ScrollConfiguration(
    behavior: MyBehavior(),  //自定义behavior
    child: ListView()  //你的滚动布局组件
);
  • 自定义behavior:
class MyBehavior  extends ScrollBehavior{
 @override
 Widget buildViewportChrome(BuildContext context, Widget child, AxisDirection axisDirection) {
    if(Platform.isAndroid||Platform.isFuchsia){
     return child;
  }else{
    return super.buildViewportChrome(context,child,axisDirection);
    }
 }
}

亲测好用,方法借鉴于:[这里](https://www.jianshu.com/p/b9e92c37f4ec)布局

相关文章
相关标签/搜索