You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter技术问题:如何让List元素超出屏幕时自动换行?

在Flutter中实现List元素超出屏幕自动换行的解决方案

你当前的代码问题在于用Wrap嵌套了Row——Row本身是强制子元素横向排列的容器,不会自动换行,所以外层的Wrap根本发挥不了作用。

解决方法很简单,直接把scoreKeeper作为Wrap的子元素,去掉中间的Row即可:

Wrap(
  children: scoreKeeper,
)

Wrap组件的核心特性就是会自动检测可用空间,当子元素总宽度超出当前行的剩余宽度时,自动将后续元素换行到下一行。

如果需要调整元素之间的横向间距或者行与行之间的纵向间距,可以添加spacing和runSpacing参数:

Wrap(
  spacing: 8.0, // 子元素之间的横向间距
  runSpacing: 8.0, // 行与行之间的纵向间距
  children: scoreKeeper,
)

内容的提问来源于stack exchange,提问作者Ghost 7777

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 11:48:34