如何在 flutter 中的 CustomPaint(Canvas) 小部件中的饼图切片上添加文本

Question

我必须在 canvas 圆形绘图中的饼图切片上添加文本，我在饼图（现金/卡/账单）中有 3 个切片，我想在饼图特定切片上设置该文本及其百分比

注意：- 我现在已完成绘制此图表我只需要在切片上添加文本

Answer 1

要使用CustomPainter在 flutter 中绘制文本，您需要像这样使用TextSpan和TextPainter ：

TextSpan span = new TextSpan(style: new TextStyle(color: Colors.blue[800]), text: yourText);
TextPainter tp = new TextPainter(text: span, textAlign: TextAlign.left, textDirection: TextDirection.ltr);
tp.layout();
tp.paint(canvas, new Offset(5.0, 5.0));