如何在Flutter中创建自定义滑块

Question

我想将滑块值指示器更改为如下所示。

我不知道如何使用自定义画家创建气泡。

Answer 1

通过实现自定义RangeSliderValueIndicatorShape来创建自定义SliderThemeData，并将其提供给SliderTheme的{{3}}，{{3}}会将您的RangeSlider作为孩子：

SliderTheme(
        data: SliderThemeData(
          rangeValueIndicatorShape: Your_Implemented_RangeSliderValueIndicatorShape(),
        ),
        child: RangeSlider(
            values: RangeValues(10, 100),
            onChanged: null
        ),