flutter - 如何使用 Paint() 在颤振中创建圆角矩形？

Question

我正在学习颤振。我正在使用运行良好的 SfSlider。但我想改变拇指形状，它应该是矩形和圆角。在flutter dev官网上有一个组件thumbShape可以改变拇指的形状。

我正在使用该类并创建了如图所示的矩形形状。但我想要这种形状的圆角。请查看代码并建议我任何解决方案。

        class SliderThumbImage extends SfThumbShape {
    
      @override
      void paint(PaintingContext context, Offset center,
          { RenderBox parentBox,
             RenderBox child,
             SfSliderThemeData themeData,
             SfRangeValues currentValues,
             dynamic currentValue,
             Paint paint,
             Animation<double> enableAnimation,
             TextDirection textDirection,
             SfThumb thumb,
          Size size}) {
        final Path path = Path();
    
        path.moveTo(center.dx, center.dy);
        path.lineTo(center.dx + 6, center.dy - 18);
        path.lineTo(center.dx + 6, center.dy + 18);
        path.lineTo(center.dx - 6, center.dy + 18);
        path.lineTo(center.dx - 6, center.dy - 18);
        path.lineTo(center.dx + 6, center.dy - 18);
    
        path.close();
        context.canvas.drawPath(
            path,
            Paint()
              ..color = themeData.activeTrackColor
              ..style = PaintingStyle.fill
              ..strokeWidth = 20
              ..strokeCap = StrokeCap.square
        );
    
      }
    }