flutter wrap item宽度收缩包裹
时间: 2023-08-31 07:11:21 浏览: 159
如果你想要让Wrap的子组件在宽度不足时自动换行,同时又能够收缩包裹子组件以避免溢出,可以使用Wrap组件的runSpacing和spacing属性。
runSpacing属性定义了行与行之间的间距,而spacing属性定义了子组件之间的间距。当Wrap组件的宽度不足以容纳所有子组件时,Wrap会自动将子组件换行,同时调整子组件的大小以适应Wrap的宽度。
下面的代码展示了一个Wrap组件,其中包含了三个带有不同文本内容的子组件,这些子组件会自动换行并且在宽度不足时收缩包裹:
```
Wrap(
spacing: 8.0,
runSpacing: 4.0,
children: <Widget>[
Text('这是一个很长的文本内容'),
Text('这是另外一个更长的文本内容'),
Text('这是最后一个文本'),
],
)
```
在上面的代码中,spacing属性被设置为8.0,表示子组件之间的间距为8个逻辑像素。而runSpacing属性被设置为4.0,表示行与行之间的间距为4个逻辑像素。当Wrap组件的宽度不足以容纳所有子组件时,Wrap会自动将子组件换行,并且调整子组件的大小以适应Wrap的宽度。
阅读全文