Flutter组件--SizeBox、FittedBox(子组件超出父组件缩放和对齐)_flutter sizebox

什么情况下使用SizeBox?

我们知道按钮是不能设定宽度和高度的，如果我们需要自定按钮的宽度和高度，那么就可以用SizeBox 来进行限制。

1.SizeBox属性和说明

SzieBox方法和说明

1.expand()

创建一个尽可能大的盒子

const SizedBox.expand({ Key? key, Widget? child })
  : width = double.infinity,
    height = double.infinity,
    super(key: key, child: child);

2.shrink()

创建一个空的盒子

const SizedBox.shrink({ Key? key, Widget? child })
  : width = 0.0,
    height = 0.0,
    super(key: key, child: child);

3.fromSize()

创建一个指定大小的盒子

SizedBox.fromSize({ Key? key, Widget? child, Size? size })
  : width = size?.width,
    height = size?.height,
    super(key: key, child: child);

2.FittedBox介绍

当子组件的内容超出父组件大小时，FittedBox 组件的作用是对子组件进行缩放和对齐方式的设置.

FittedBox属性详细使用

1、fit

2.alignment

alignment 主要是用于设置子组件的对齐方式

3.clipBehavior

总结

SizeBox 主要用于限制子控件的大小，比如需要设定按钮的宽度和高度。

FittedBox 主要用于对子控件的缩放、对齐方式、剪辑操作。