dart - 如何去除滚动发光？

Question

默认情况下，flutter 会在 ListView/GridView/... 上为 android 手机上的过度滚动添加发光效果

我想完全或在一个特定的滚动条上删除此效果。我知道我可以更改 ScrollPhysics 以在 Bounce/Clamp 之间切换。但这实际上并没有消除发光效果。

我能做什么？

Answer 1

发光效果来自GlowingOverscrollIndicator添加者 ScrollBehavior

要移除此效果，您需要指定自定义 ScrollBehavior。为此，只需将应用程序的任何给定部分包装到 ScrollConfiguration 中即可。具有所需的 ScrollBehavior。

以下 ScrollBehavior 将完全移除发光效果:

class MyBehavior extends ScrollBehavior {
  @override
  Widget buildOverscrollIndicator(
      BuildContext context, Widget child, ScrollableDetails details) {
    return child;
  }
}

要去除整个应用程序的光晕，您可以在 MaterialApp 下添加它:

MaterialApp(
  builder: (context, child) {
    return ScrollConfiguration(
      behavior: MyBehavior(),
      child: child,
    );
  },
  home: new MyHomePage(),
);

要在特定的 ListView 上删除它，而不是只包装所需的 ListView :

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

---

如果您想更改 效果，这也是有效的。就像在到达 ScrollView 的边界时添加淡入淡出。