Flutter 组合文本+；图标到一个小部件中，该小部件将自动换行

我正在尝试为我的应用程序创建一个帮助页面，我只想简单地编写

“按{ICON}刷新分数（或在设置抽屉中启用自动刷新）”

其中{ICON}是Icons.refresh

如果不适合在屏幕上显示，请将整个内容包装起来。如果它都是文本，我会简单地将它包装在一个灵活的小部件或类似的东西，这将是好的。现在我已经把它排成一行了

目前，我已将其排成一行，这会导致RenderFlex溢出（见图）

---

你知道如何在文本链中包含一个图标，并在需要时仍将其换行吗？

你可以使用

wrap

小部件而不是

行

Wrap(children: [
            Text("Press "),
            Icon(Icons.refresh),
            Text(
            " to refresh scores or enable auto-refresh"),
            Text(' in the settings drawer.........'),
          ]),

---

您可以使用

Wrap

小部件而不是

Row

Wrap(children: [
            Text("Press "),
            Icon(Icons.refresh),
            Text(
            " to refresh scores or enable auto-refresh"),
            Text(' in the settings drawer.........'),
          ]),

---

谢谢，我不知道wrap小部件。它仍然没有像我理想中希望的那样自动包装，但是如果我像您在示例中那样将字符串分割成足够多的片段，它应该是功能性的。谢谢，我不知道包装小部件。它仍然没有像我理想中所希望的那样自动包装，但是如果我像您在示例中所做的那样将字符串分割成足够多的片段，那么它应该是功能性的。