flutter overflow:hidden
时间: 2023-06-21 15:06:10 浏览: 330
深入理解CSS overflow:hidden——溢出,坍塌,清除浮动
5星 · 资源好评率100%
在 Flutter 中,可以使用`OverflowBox`或`Overflow`来实现`overflow:hidden`的效果。其中,`OverflowBox`是将子组件包裹在一个指定大小的框中,并将溢出部分截断;而`Overflow`则是直接对子组件应用截断效果。
例如,下面的代码将一个文本组件包裹在一个 100x50 的框中,并将溢出部分截断:
```
OverflowBox(
maxWidth: 100,
maxHeight: 50,
child: Text(
'This text will be truncated if it exceeds the box size',
overflow: TextOverflow.clip,
),
)
```
如果使用`Overflow`,可以将子组件直接放在其中,并指定对应的截断方式,例如:
```
Overflow(
alignment: Alignment.topLeft,
child: Text(
'This text will be truncated if it exceeds the parent size',
overflow: TextOverflow.clip,
),
)
```
阅读全文