flutter - 如何设置滑块覆盖颜色？

Question

我正在尝试设置滑块覆盖颜色，但它似乎只有在我注释掉overlayShape: RoundSliderThumbShape(enabledThumbRadius: 30),如何设置两者时才有效？PS 相关部分代码标注注释

SliderTheme(
                          data: SliderTheme.of(context).copyWith(
                            activeTrackColor: kDefaultColor,
                            inactiveTrackColor: kDefaultColor,
                            thumbColor: kButtonColor,
                            thumbShape: RoundSliderThumbShape(enabledThumbRadius: 15),
                            overlayShape: RoundSliderThumbShape(enabledThumbRadius: 30), //focus here
                            overlayColor: Colors.red  //focus here
                          ),
                          child: Slider(
                            value: sliderValue.toDouble(),
                            max: 220,
                            min: 110,
                            onChanged: (double value) {
                              setState(() {
                                sliderValue = value.round();
                              });
                            },
                          ),
                        ),

标签： flutterflutter-layout

Answer 1

你应该使用RoundSliderOverlayShapeoverlayShape。

overlayShape: RoundSliderOverlayShape(overlayRadius: 30),