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
相关产品推荐
相关产品推荐

