flutter Stack
时间: 2023-07-26 10:03:27 浏览: 178
flutter插件
5星 · 资源好评率100%
Flutter中的Stack是一个用于叠放子组件的容器,它将子组件一层层地叠放在一起。在Stack中,后添加的子组件会被放置在先添加的子组件的上方。
Stack有两个重要的属性:alignment和fit。alignment用于设置子组件在Stack中的位置,fit用于设置子组件的布局方式。
例如,我们可以使用以下代码创建一个包含两个文本的Stack:
```
Stack(
alignment: Alignment.center,
children: [
Text('Hello'),
Text('World'),
],
)
```
这个Stack将会将两个文本组件放在屏幕中央。如果我们想要将其中一个文本放在另一个文本的上方,我们可以将第二个文本放在第一个文本的下面:
```
Stack(
alignment: Alignment.center,
children: [
Text('Hello'),
Positioned(
top: 50.0,
child: Text('World'),
),
],
)
```
在这个例子中,我们使用了Positioned组件来定位第二个文本。由于我们设置了top属性为50.0,所以第二个文本会距离Stack顶部50个逻辑像素。
阅读全文