Flutter 减少 SleekCircularSlider 中文本的填充

Question

flutter 减少填充 SleekCircularSlider 和文本。 它在栏和文本之间播种了太多的空间。

我的代码

        SleekCircularSlider(
          min: 0,
          max: 120.0,
          initialValue: 60,
          appearance: CircularSliderAppearance(
              startAngle: 110,
              angleRange: 70,
              animationEnabled: true,
              infoProperties: InfoProperties(
                bottomLabelText: 'kg',
                bottomLabelStyle: TextStyle(
                  fontSize: 20,
                ),
                mainLabelStyle: TextStyle(
                  fontSize: 25,
                  fontFamily: 'RalewaySemiBold',
                ),
                modifier: (double value) {
                  final roundedValue = value.ceil().toInt().toString();
                  return '$roundedValue ';
                },
              ),
              customColors: CustomSliderColors(
                hideShadow: true,
                trackColor: Color(0xffCFE7FB),
                dotColor: Color(0XFFFAFAFA),
                progressBarColor: kPrimaryColor,
              ),
              customWidths: CustomSliderWidths(
                trackWidth: 4,
                progressBarWidth: 12,
                handlerSize: 3,
              )
          ),
          onChangeEnd: (double weight){
            return weight;
          },
        ),

看起来像这样

我需要减少条形和文本之间的差距。

Answer 1

您可以使用CircularSliderAppearance上的size参数来控制分配给SleekCircularSlider小部件的宽度和高度。

例如，我补充说，

appearance: CircularSliderAppearance(
  size: 100, // Added this
  startAngle: 110,

而output就是这个，

到处玩耍并检查最适合您的size 。 :)