将文本+图标合并到可自动换行的小部件中

Question

我正在尝试为我的应用创建帮助页面，我只想编写

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

{ICON}是Icons.refresh

，并在屏幕上不适合显示的情况下将整个单词自动换行。如果全部是文本，我可以简单地将其包装在Flexible窗口小部件或类似的组件中，就可以了。此刻我已经连续了

此刻我连续使用它，这会导致RenderFlex溢出（参见图片）。

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

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

Answer 1

您可以使用Wrap小部件代替Row

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