flutter - 将图像添加到 RichText 元素

Question

我正在努力实现以下目标:

为了实现这一点，我使用了 RichText。使用它我可以添加多个具有不同样式的文本。但我不知道如何将图像添加到此 TextSpan。可能还有其他一些因素。

Answer 1

您不需要第三方库来实现这一点。在最新的稳定版本中，Flutter 引入了 WidgetSpan。这类似于 TextSpan 但您可以使用任何小部件而不仅仅是文本。示例代码:

RichText(
  text: TextSpan(
    children: [
      TextSpan(
        text: "Click ",
      ),
      WidgetSpan(
        child: Icon(Icons.add, size: 14),
      ),
      TextSpan(
        text: " to add",
      ),
    ],
  ),
),