Flutter实战项目-第十篇 自定滑动效果

概要

• 去除滚动布局中蓝半球回弹效果
• 自定义回弹

一、去除蓝半球

首先创建一个自定义回弹类

class MyBehavior  extends ScrollBehavior{
 @override
 Widget buildOverscrollIndicator(BuildContext context, Widget child, ScrollableDetails details) {
    if(Platform.isAndroid||Platform.isFuchsia){
      return child;
    }else{
      return super.buildOverscrollIndicator(context,child,details);
    }
 }
}

在使用的地方设置scrollBehavior属性

CustomScrollView(
  controller: innerController,
  physics: ClampingScrollPhysics(),
  scrollBehavior:MyBehavior(),
  slivers: <Widget>[
	buildBanner(context),
	buildStickyBar(
	  context:context,
	  appBarHeight:appBarHeight
	),
	buildList(),
  ]
)

如果使用的是list列表，没有scrollBehavior属性，则可以再外采包裹一层ScrollConfiguration，通过该组件设置。

ScrollConfiguration(
	behavior: MyBehavior(),
	child: ListView(),
);