flutter - 如何为 Flutter 中的文本赋予边框/背景？

Question

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

请参阅下图作为灵感：

Answer 1

只需在颤振文档中查找 TextStyle 类。我相信在 Borders an Stroke 上，您会找到答案。

颤振文档

Answer 2

请参阅此处outlined_text的包装

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

Answer 3

我在Flutter 文档中找到了答案

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

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,
      ),
    ),
  ],
)