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)佈局

相關文章
相關標籤/搜索