Flutter CustomPainter调用drawArc时sweepAngle小于2π无绘制如何解决？

你遇到的绘制异常核心是drawArc参数配置不匹配：

• 当前你画笔用的是PaintingStyle.fill填充模式，而drawArc的useCenter参数设为了false
• 当sweepAngle < 2π时，useCenter=false的填充区域是弧起点到终点直接连线形成的闭合弓形区域，区域面积极小，在大部分渲染场景下会被判定为不可见直接跳过绘制
• 固定为2π时不管useCenter取值，都是完整闭合的圆形，所以能正常渲染，且最后一个分类的绘制会覆盖前面所有分类的内容，所以只显示最后一个分类的颜色
• 其他分支Widget异常不显示是绘制逻辑报错/脏区域标记异常导致的连锁反应，修复绘制参数后会自动恢复

根据你要实现的饼图类型选择对应修改方案：

方案1：实心扇形饼图 #

将drawArc的useCenter参数改为true，同时替换固定的2π为你计算得到的sweepRadian即可：

canvas.drawArc(
  rect,
  startRadian,
  sweepRadian, // 替换原固定值2*pi
  true, // 原false改为true
  paint,
);

该场景下你代码中设置的strokeWidth参数不会生效，可按需删除相关逻辑。

方案2：环形（甜甜圈）饼图 #

将画笔样式改为PaintingStyle.stroke，保留useCenter=false即可：

final paint = Paint()
  ..style = PaintingStyle.stroke // 原PaintingStyle.fill改为stroke
  ..strokeWidth = width
  ..color = categoryColors.elementAt(index % categories.length);

canvas.drawArc(
  rect,
  startRadian,
  sweepRadian, // 替换原固定值2*pi
  false,
  paint,
);

如果修改后仍有问题，可添加日志确认两个参数正常：

• 分类数值总和total不为0，避免计算得到的sweepRadian为NaN
• 每个分类计算得到的sweepRadian大于0.001（避免浮点数精度问题导致渲染引擎判定弧长为0）

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