如何给 Flutter 中的文本 border/background？

Question

我想给我的文字添加边框或背景。只是一个简单的红色文本，周围有黑色边框。

参考下图作为灵感：

Answer 1

请参考outlined_text套餐here

你也可以试试这个https://pub.dev/packages/bordered_text

Answer 2

只需在 flutter 文档中查找 TextStyle class。我相信在 Borders an Stroke 上你会找到你的答案。

Flutter Documentation

Answer 3

我在Flutter Documentation

中找到了答案

没有边框 属性 但是您可以使用两个重叠的文本来完成这项工作。这是代码

Stack(
  children: <Widget>[
    // Stroked text as border.
    Text(
      'WHO',
      style: TextStyle(
        fontSize: 40,
        foreground: Paint()
          ..style = PaintingStyle.stroke
          ..strokeWidth = 6
          ..color = Colors.grey,
      ),
    ),
    // Solid text as fill.
    Text(
      'WHO',
      style: TextStyle(
        fontSize: 40,
        color: Colors.red,
      ),
    ),
  ],
)