Flutter 中 Positioned、Align、Center 的使用详解 _ Flutter Widgets,拥有百万粉丝的大牛讲述学Android的历程
warning:
这篇文章距离上次修改已过186天,其中的内容可能已经有所变动。
在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进行布局。
评论已关闭