Flutter OverflowBox溢出容器

最新推荐文章于 2025-03-27 08:49:43 发布

原创最新推荐文章于 2025-03-27 08:49:43 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

flutter 专栏收录该内容

23 篇文章

订阅专栏

博客围绕Flutter的OverflowBox溢出容器展开，虽内容仅提及编号‘2’，但核心是该容器相关信息技术内容。

在这里插入图片描述
2.

// OverFlowBox组件，可以做一些卡片重叠的效果
class OverFlowBoxDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.green,
      height: 100,
      width: 200,
      padding: EdgeInsets.only(left: 16, right: 16, top:56),
      // 溢出容器
      child: OverflowBox(
        // 对齐方式
        alignment: Alignment.topCenter,
        maxHeight: 100,
        maxWidth: 180,
        child: Container(
          color: Colors.blue,
          height: 100,
          width: 180,
        ),
      ),
    );
  }
}