结合文字+图标变成一个小部件，它会自动换行

Question

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

“按{图标}刷新成绩（或启用设置抽屉自动刷新）”

其中，{图标}是Icons.refresh

并有整件事自动换行，如果它不适合在屏幕上。如果是所有的文字我就简单的将它包装在一个灵活的Widget或类似的东西，它会被罚款。目前，我有它在一排

目前，我有它在一排，这会导致RenderFlex溢出（见图片）。

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

需要时任何想法如何，我可以在文字链图标，仍然有它自动换行？

Answer 1

您可以使用Wrap的Widget，而不是Row的

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