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

Flutter:如何实现容器宽度随内容动态同步适配?

解决Flutter流式标签布局问题

你当前用Wrap嵌套GridView的思路不对,GridView会强制子项按设定的maxCrossAxisExtent固定宽度排列,无法实现标签自适应内容宽度、自动换行的预期效果。

正确的做法是直接使用Wrap组件,无需嵌套GridView,将子组件直接放入Wrap的children中,并配置合适的间距参数即可:

Wrap(
  spacing: 8, // 标签之间的水平间距
  runSpacing: 10, // 行与行之间的垂直间距
  children: [
    ReviewWidget('Tempat tidak sesuai dengan foto'),
    ReviewWidget('Tempat tidak ditemukan'),
    ReviewWidget('Tailor tidak dapat ditemui'),
    ReviewWidget('tidak sesuai dengan foto'),
    ReviewWidget('tailor jele'),
  ],
)

注意要确保ReviewWidget本身没有设置固定宽度,让它能根据内部文本内容自动调整宽度,这样就能实现你想要的流式标签布局效果。

内容的提问来源于stack exchange,提问作者Muhammad Yafi A

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.19 15:00:55