使用Positioned Widget进行定位
在Stack Widget中让子控件正确对齐的方式是使用Positioned Widget进行定位。我们可以通过设置子控件相对于Stack Widget的top、bottom、left、right的距离来控制它们的位置。下面是一个简单的示例代码:
Stack(
children: [
Container(
width: 200,
height: 200,
color: Colors.red,
),
Positioned(
top: 50,
left: 50,
child: Container(
width: 100,
height: 100,
color: Colors.green,
),
)
],
)
在这个例子中,我们将一个红色的Container放到了Stack Widget中,并使用Positioned Widget将一个绿色的Container放在了红色的Container上方,并将其左上角与红色Container的左上角相距50像素。通过这种方式,我们可以很容易地对齐多个子控件。
需要注意的是,使用Positioned Widget需要在Stack Widget中包装子控件,并且需要明确设置top、bottom、left、right中的至少两个属性才能进行定位。
上一篇:AlignHeaderwithcenterednav-bar”改为中文。
下一篇:Aligningrowsandcolumnsofafilebutskipcertainlines;usingPerl