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

