【问题标题】:Wrap text in Flutter but take as little space as possible在 Flutter 中换行,但占用尽可能少的空间
【发布时间】:2020-12-13 10:54:18
【问题描述】:

我正在尝试创建一个包含应该自动换行的文本的容器。这可以通过在我的文本周围包裹 Expanded 来实现。但是,我希望容器占用尽可能小的宽度(与文本一样宽)。只要我将Expanded 添加到我的容器中,容器就会占用所有空间。

没有Expanded,只要文字宽度小于可用宽度,宽度就好了:

 ---------------------------
| Some text that won't wrap |
 ---------------------------

使用Expanded,文本将换行,但容器不必要地宽。

 --------------------------------------------------------------
| Some text that will wrap                                     |
 --------------------------------------------------------------

【问题讨论】:

  • 考虑改用Flexible 小部件。
  • 谢谢!如果您将其发布为答案,我会接受您的答案

标签: flutter


【解决方案1】:

Flexible 小部件仅占用所需空间,而 Expanded 占用所有可用空间。

所以在你的情况下。您应该使用 Flexible 小部件,而不是您使用的 Expanded 小部件。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2010-09-12
    • 1970-01-01
    • 2021-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-08
    • 1970-01-01
    相关资源
    最近更新 更多