2、Flutter Widget - Positioned;

1,587 阅读1分钟

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