Flutter自定义SliderThumbShape报错：paint方法重写无效

从错误信息可以明确看到，你的_CustomThumbShape.paint方法签名和父类SliderComponentShape.paint不匹配：

• 父类方法要求必须包含activationAnimation参数
• 你的代码里错误地使用了父类没有的valueAnimation参数

修正步骤 #

1. 调整paint方法的参数列表：移除valueAnimation，添加父类要求的activationAnimation参数
2. 修复时间格式化的数据源：你之前误用了enableAnimation.value（这是滑块启用状态的动画值），应该使用方法传入的value参数（这才是当前滑块的实际数值）

修正后的完整代码 #

class _CustomThumbShape extends SliderComponentShape {
  @override
  Size getPreferredSize(bool isEnabled, bool isDiscrete) {
    return Size.fromRadius(18);
  }

  String _formatTime(double value) {
    int hours = value.floor();
    int minutes = ((value - hours) * 60).round();
    return '${hours.toString().padLeft(2, '0')}:${minutes.toString().padLeft(2, '0')}';
  }

  @override
  void paint(
    PaintingContext context,
    Offset thumbCenter, {
    required Animation<double> activationAnimation,
    required Animation<double> enableAnimation,
    required bool isDiscrete,
    required TextPainter labelPainter,
    required RenderBox parentBox,
    required SliderThemeData sliderTheme,
    required TextDirection textDirection,
    required double value,
    required double textScaleFactor,
    required Size sizeWithOverflow,
  }) {
    final Canvas canvas = context.canvas;
    final Paint paint = Paint()
      ..color = Colors.white
      ..style = PaintingStyle.fill;

    canvas.drawCircle(thumbCenter, 18, paint);

    // 改用滑块实际数值value来格式化时间
    TextSpan span = TextSpan(
      style: TextStyle(
        fontSize: 14.0,
        fontWeight: FontWeight.bold,
        color: Colors.black,
      ),
      text: _formatTime(value),
    );

    TextPainter tp = TextPainter(
      text: span,
      textAlign: TextAlign.center,
      textDirection: textDirection, // 增加textDirection参数，避免布局警告
    );

    tp.layout();

    Offset textCenter = Offset(
        thumbCenter.dx - (tp.width / 2), thumbCenter.dy - (tp.height / 2));

    tp.paint(canvas, textCenter);
  }
}

关键说明 #

• Dart的方法重写对命名参数的名称、类型和数量严格要求，必须完全匹配父类方法的签名
• activationAnimation是Slider内部用于激活状态的动画（比如长按滑块时的过渡动画），即使暂时用不到也必须在参数列表中声明
• 补充textDirection到TextPainter构造参数中，避免文本布局时的潜在警告

内容的提问来源于stack exchange，提问作者user24785356