Flutter 中 Positioned、Align、Center 的使用详解 _ Flutter Widgets,拥有百万粉丝的大牛讲述学Android的历程
warning:
这篇文章距离上次修改已过446天,其中的内容可能已经有所变动。
在Flutter中,Positioned、Align和Center都是用于控制子Widget位置的Widget。
Positioned:通常在Stack中使用,可以指定子Widget的top、right、bottom、left位置。
Stack(
children: <Widget>[
Positioned(
top: 10.0,
left: 10.0,
child: Container(
color: Colors.red,
width: 100.0,
height: 100.0,
),
),
],
)Align:可以将子Widget对齐到父Widget的左中右等位置。
Align(
alignment: Alignment.centerRight,
child: Container(
color: Colors.blue,
width: 100.0,
height: 100.0,
),
)Center:将子Widget居中显示。
Center(
child: Container(
color: Colors.green,
width: 100.0,
height: 100.0,
),
)以上三个Widget都用于控制子Widget的位置,Positioned通常用于Stack,而Align和Center可以单独使用。根据需要选择合适的Widget进行布局。
评论已关闭