【skill记录】Flutter中 字体和文字如何放在一起

场景

一个商品列表中，商品信息有一个标签，如何使得文字和字体图标放一起。

最初使用了Row(), 会发现它在整一行显示了。如图：

解决办法

在RichText里包含一个WidgetSpan，使用方法和TextSpan一样。

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