要想任意组合和叠加的小部件在彼此之上,只要使用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"),
)
],);
}
}