Flutter开发之——单组件布局容器-OverflowBox

最新推荐文章于 2024-05-27 23:53:34 发布

PGzxc

最新推荐文章于 2024-05-27 23:53:34 发布

阅读量376

点赞数

分类专栏： Flutter 文章标签： flutter overflowBox

本文链接：https://blog.csdn.net/Calvin_zhou/article/details/115482535

版权

Flutter 专栏收录该内容

122 篇文章 45 订阅

订阅专栏

一概述

OverflowBox是一个允许子控件超出父控件大小范围的单组件布局容器

二 OverflowBox

2.1 构造方法

const OverflowBox({
    Key? key,
    this.alignment = Alignment.center,
    this.minWidth,
    this.maxWidth,
    this.minHeight,
    this.maxHeight,
    Widget? child,
  }) : super(key: key, child: child);

2.2 属性说明

属性	说明	取值
alignment	对齐方式	Alignment对象
minWidth	最小宽度	double
maxWidth	最大宽度	double
minHeight	最小高度	double
maxHeight	最大高度	double

三示例

3.1 代码

Container(
  color: Colors.green,
  width: 200.0,
  height: 200.0,
  padding: const EdgeInsets.all(5.0),
  child: OverflowBox(
    alignment: Alignment.topLeft,
    maxWidth: 300.0,
    maxHeight: 500.0,
    child: Container(
      color: Color(0x33FF00FF),
      width: 400.0,
      height: 400.0,
    ),
  ),
)