如何在 flutter 中的矩形內繪制文本

Question

嗨，我想使用 canvas 繪制一個帶有文本的填充矩形。

這是我的代碼：

Rect rect = Rect.fromLTWH(x,y,size,size,);
Paint paint = Paint()..color = Colors.blue;
canvas.drawRRect(RRect.fromRectAndRadius(rect, Radius.circular(100.0)),paint,);

我不知道如何將文本放在矩形內。 請幫忙

Answer 1

使用TextPainter class。 你可以自己玩弄偏移量

    TextPainter painter;
    painter = TextPainter(
      textAlign: TextAlign.center,
      textDirection: TextDirection.ltr,
    );
    painter.text = TextSpan(
      text: 'Sample Text',
      style: TextStyle(
        color: Colors.black,
        fontSize: 40.0,
      ),
    );
    Offset position = Offset(
      x+2.0, 
      y+2.0,
    );
    painter.paint(canvas, position);