【Flutter】ListViewで限界までスクロールしたときに出るエフェクトを消す方法

ListViewなどのスクロールで、一番上とか一番下までスクロールしたときに出てくるこれを消す方法です。

エフェクトが出ないScrollBehaviorクラスを作る

class NoEffectScrollBehavior extends ScrollBehavior {
  @override
  Widget buildViewportChrome(
    BuildContext context,
    Widget child,
    AxisDirection axisDirection,
  ) {
    return child;
  }
}

ListViewに作ったBehaviorを適用する

ScrollConfigurationに作ったbehaviorを設定して、childにListViewを入れます。

ScrollConfiguration(
  behavior: NoEffectScrollBehavior(),
  child: ListView(
    // …
  ),
),

2021年12月18日Flutter開発で知らないと損すること