如何在flutter中实现这样的文本换行？

Question

所以我最近玩了 flutter，我的脑海中浮现了一个换行文本的概念，我很想知道这一点。

在此输入图片描述

我尝试过使用

Flexible

作为文本，以及

Sizedbox

，甚至

Expanded

，但这是我的结果：

在此输入图片描述

谢谢！

Answer 1

您可以使用

RichText

来实现

RichText(
  text: TextSpan(
    children: [
      const TextSpan(text: "How to do ", style: TextStyle(color: Colors.black)),
      WidgetSpan(child: Container(color: Colors.grey, child: const Text("Icon"))),
      const TextSpan(text: "\nthis in flutter?", style: TextStyle(color: Colors.black)),
    ],
  ),
),