flutter 只用Positioned，让一个控件叠在另外一个控件的底部居中

氤氲息

已于 2024-04-25 14:59:20 修改

阅读量352

点赞数 2

分类专栏： flutter 文章标签： flutter 前端 javascript

于 2024-02-19 16:03:45 首次发布

本文链接：https://blog.csdn.net/weixin_44911775/article/details/136172621

版权

flutter 专栏收录该内容

146 篇文章 1 订阅

订阅专栏

方法1:可以用Stack的alignment:Alignment.center,
方法2：如下

Stack(
  children: [
    Container(
      height: 300,
      color: Colors.red, 
    ),
    
    Positioned(
      bottom: 0,
      left: 0,
      right: 0,
      child: Align(
        alignment: Alignment.bottomCenter,
        child: Container(
          height: 50,
          width: 100,
          color: Colors.green,
        ),
      ),
    )
  ],
)

好像下面是有效的

Stack(
  children: [
    Container(
      height: 300,
      color: Colors.red, 
    ),
    
    Positioned(
      child: Align(
        alignment: Alignment.center,
        child: Container(
          height: 50,
          width: 100,
          color: Colors.green,
        ),
      ),
    )
  ],
)