将图像添加到 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",
      ),
    ],
  ),
),