flutter - 如何为文本小部件的背景颜色添加填充

Question

我想创建一个文本小部件来实现您在下面看到的内容：

我希望文本的背景颜色有一些额外的填充，但仅限于实际存在文本的地方。

目前，我必须选择将文本小部件包装在容器小部件中（然后将背景颜色添加到第二条较短行的空白区域，这是我不想要的）。或者，我可以选择为文本的 textStyle 小部件使用背景颜色，但它不尊重高度（又名行高）。

有没有办法做到这一点？

标签： flutterdartflutter-layout

Answer 1

您可以将 aPaint用于backgroundof TextStyle：

Text(
  'Random caption for this post1',
  style: TextStyle(
    fontWeight: FontWeight.bold,
    background: Paint()..color = Colors.white
    ..strokeWidth = 17
    ..style = PaintingStyle.stroke,
  ),
  textAlign: TextAlign.center,
)

结果：