将文本+图标组合成一个自动换行的小部件

Question

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

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

其中 {ICON} 是 Icons.refresh

如果屏幕不适合，则将整个内容自动换行。如果都是文本，我会简单地将其包装在灵活的小部件或类似的东西中，那就没问题了。现在我已经连续了

目前我将它排成一行，这会导致 RenderFlex 溢出（参见图片）。

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

有什么想法可以如何在文本链中包含图标并在需要时仍然自动换行吗？

Answer 1

您可以使用WrapWidget 代替Row

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