Question

我必须在“滑块”小部件上隐藏拇指。我使用SliderTheme小部件将拇指颜色设置为透明。这是行不通的。如何隐藏拇指？

我将拇指颜色设置为透明。

Center(
  child: SliderTheme(
    child: Slider(
      value: 50,
      max: 100,
      min: 0,
      activeColor: Colors.black,
      inactiveColor: Colors.grey,
      onChanged: (double value) {},
    ),
    data: SliderTheme.of(context).copyWith(
      trackHeight: 28, 
      thumbColor: Colors.transparent, 
      thumbShape: null),
  ),
)

我希望滑块控件没有拇指。

Answer 1

一种解决方法，但是您可以将thumbShape的半径设置为0：

Center(
  child: SliderTheme(
    child: Slider(
      value: 50,
      max: 100,
      min: 0,
      activeColor: Colors.black,
      inactiveColor: Colors.grey,
      onChanged: (double value) {},
    ),
    data: SliderTheme.of(context).copyWith(
        trackHeight: 28,
        thumbColor: Colors.transparent,
        thumbShape: RoundSliderThumbShape(enabledThumbRadius: 0.0)),
  ),
),

如何在滑动滑块控件上隐藏拇指？

1 个答案: