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

Question

I have to add text on pie chart slices in canvas circle drawing and i have 3 slices in pie chart (cash/card/bill) and i want to set that text with their percentage on pie chart particular slice

note:- i completed drawing this chart now i only have to add text on slices

Answer 1

To paint text in flutter using CustomPainter you need to use TextSpan and TextPainter like so:

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));