如何从 Flutter Slider Widget 中移除发光效果

发布于01月16日

当滑块小工具处于Flutter 状态时，当按下操作处于活动状态时(当用户使用滑块时)，会有一种从"拇指"( Select 点)发出的发光效果:

这是一种"material 行为"，我想要禁用它以获得更平坦的设计.

有没有办法以某种方式删除它，最好是通过滑块的参数？

我注意到光晕 colored颜色来自"activeColor"参数，但如果将其更改为透明，它还会影响滑块的"active"部分，该部分不可用:

我想避免仅仅为了这个而重写我自己的滑块.

推荐答案

要更改单个Slider，请使用SliderTheme小工具将overlayColor更改为透明.

SliderTheme(
  data: SliderThemeData(
    overlayColor: Colors.transparent, // <- disable "glow effect"
  ),
  child: Slider(
    value: _value,
    onChanged: (v) => setState(() => _value = v),
  ),
)

要更改应用程序中的所有Slider，您可以在Theme级别进行修改，例如:

MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(
    primarySwatch: Colors.blue,
    sliderTheme: SliderThemeData(
      overlayColor: Colors.transparent, // <- disable "glow effect"
    ),
  ),
  home: const MyHomePage(),
);

从操作员编辑:

显然，同样重要的是(可能是Ffltter 3.3.10中的错误)，如果您已自定义了滑块的activeColor参数，则必须改为使用值为the slider theme的activeTrackColor参数(将not作为滑块的参数)来设置它，否则主题中设置的overlayColor将不起作用.