2、Flutter Widget - Positioned;

Melrose發表於2019-03-05

  要想任意組合和疊加的小部件在彼此之上,只要使用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"),
    )
    ],);
  }
}
複製程式碼

相關文章