Flutter 颤振-删除滑块中的默认边距

Flutter 颤振-删除滑块中的默认边距,flutter,Flutter,我想知道如何删除颤振滑块中的默认边距 当前输出如下,滑块的默认边距清晰可见 这是我的密码: Positioned( child: Align( alignment: Alignment.bottomLeft, child: SliderTheme( data: S

我想知道如何删除颤振滑块中的默认边距

当前输出如下,滑块的默认边距清晰可见

这是我的密码:

                    Positioned(
                      child: Align(
                        alignment: Alignment.bottomLeft,
                        child: SliderTheme(
                            data: SliderTheme.of(context).copyWith(
                              trackHeight: 2.0,
                              thumbColor: Colors.transparent,
                              thumbShape: RoundSliderThumbShape(enabledThumbRadius: 0.0),
                            ),
                            child: Container(
                                width: 380.0,
                                height: 20.0,
                                padding: EdgeInsets.all(0.0),
                                decoration: BoxDecoration(
                                  border: Border.all(color: Colors.blueAccent)
                                ),
                                child: Slider(
                                  value: 50,
                                  min: 1,
                                  max: 100,
                                  divisions: 100,
                                  activeColor: colors.primaryRed,
                                  inactiveColor: Colors.white,
                                  onChanged: (double newValue) {
                                    print(newValue);
                                  },
                                )
                            )
                        ),
                      ),
                    )

您可以使用Costam trackShape修复它,如下所示:

将此行添加到幻灯片主题数据:

trackShape: CustomTrackShape(),
然后在CustomTrackShape中,您必须编写以下代码:

class CustomTrackShape extends RoundedRectSliderTrackShape {Rect getPreferredRect({
@required RenderBox parentBox,
Offset offset = Offset.zero,
@required SliderThemeData sliderTheme,
bool isEnabled = false,
bool isDiscrete = false,}) {final double trackHeight = sliderTheme.trackHeight;
final double trackLeft = offset.dx;
final double trackTop = offset.dy + (parentBox.size.height - trackHeight) / 2;
final double trackWidth = parentBox.size.width;
return Rect.fromLTWH(trackLeft, trackTop, trackWidth, trackHeight);}}

您可以使用Costam trackShape修复它,如下所示:

将此行添加到幻灯片主题数据:

trackShape: CustomTrackShape(),
然后在CustomTrackShape中,您必须编写以下代码:

class CustomTrackShape extends RoundedRectSliderTrackShape {Rect getPreferredRect({
@required RenderBox parentBox,
Offset offset = Offset.zero,
@required SliderThemeData sliderTheme,
bool isEnabled = false,
bool isDiscrete = false,}) {final double trackHeight = sliderTheme.trackHeight;
final double trackLeft = offset.dx;
final double trackTop = offset.dy + (parentBox.size.height - trackHeight) / 2;
final double trackWidth = parentBox.size.width;
return Rect.fromLTWH(trackLeft, trackTop, trackWidth, trackHeight);}}