Flutter 如何使custon可编辑的文本框在背景和文本一起传播的Flatter中的画布上？

我没有在Flatter中使用canvas，但我认为可以通过canvas实现像图像中那样的编辑文本框。背景随文本长度而扩展，如果行中的文本长度为0，则没有背景

如果您有任何代码或建议这样做，那么请帮助

代码如下：

class TextFieldTest extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black,
      body: SingleChildScrollView(
        child: Container(
          padding: EdgeInsets.symmetric(horizontal: 50),
          child: TextField(
            maxLines: 10,
            keyboardType: TextInputType.multiline,
            textAlign: TextAlign.center,
            style: TextStyle(
              wordSpacing: 5,
              height: 2,
              color: Colors.white,
              fontWeight: FontWeight.bold,
              fontSize: 26,
              background: Paint()
                ..color = Colors.blue
                ..style = PaintingStyle.stroke
                ..strokeWidth = 35
                ..strokeJoin = StrokeJoin.round,
            ),
          ),
        ),
      ),
    );
  }
}

strokeWidth应大于fontSize，以按所选颜色填充所有文本

---

尝试使用它，以便得到更准确的结果。

知道如何改变拐角圆度吗？欢迎随时使用。由于strokeJoin=strokeJoin.round属性，角点是圆角的。还有strokeJoin.miter和strokeJoin.斜面。你是说圆形的尺寸吗？是的，我就是这个意思。很抱歉，前面的评论有点误导。如何更改画图的圆度大小或圆角半径抱歉，我不知道如何更改圆度大小，但使用笔划宽度和字体大小可能会做到这一点，我不确定（我以前没有尝试过），但我认为您可以通过创建自定义画图类并将其传递到背景来归档完整的自定义背景。