要想任意組合和疊加的小部件在彼此之上,只要使用Flutter中的Stack小部件就可以輕易實現。
要在Stack中放置這些小部件,就要使用Positioned小部件:
class PositionedDemo extends StatelessWidget{
@override
Widget build(BuildContext context) {
return Stack(children: <Widget>[
Positioned(
child: Text("some message"),
top: 25,
left: 25,
)
],);
}
}
複製程式碼
上面的例子的小部件Text距離上25,距離左25;
還可以控制小部件來填充父控制元件:
class PositionedDemo extends StatelessWidget{
@override
Widget build(BuildContext context) {
return Stack(children: <Widget>[
Positioned.fill(
child: Text("some message"),
)
],);
}
}
複製程式碼