dart - 如何更改颜色滚动溢出指示器？

Question

当用户滚动到列表或 TabView 的边缘时，动画蓝色圆圈会出现在结束边缘。

这叫什么，如何更改它的颜色？

干杯。

Answer 1

这是 android 滚动物理 ( ClampingScrollPhysics )。

来自source code和文档:

glow color is specified to use [ThemeData.accentColor].

也就是说，当您创建应用时，最佳做法是指定自定义主题，而不是手动应用颜色。

例子:

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
      theme: ThemeData(
        brightness: Brightness.light,

        primarySwatch: Colors.grey,
        primaryColor: Colors.grey[50],
        primaryColorBrightness: Brightness.light,

        //this is what you want
        accentColor: Colors.orangeAccent[400],
        accentColorBrightness: Brightness.light,
      ),
      home: Home(),
    );
  }
}

我喜欢用this tool定义主要和次要(在 flutter 中称为强调色)并预览小部件。

注意:在 IO 上物理是不同的，让用户滚动到内容的边界之外，然后将内容弹回这些边界的边缘 (BouncingScrollPhysics)。