FractionallySizedBox 能够控制其子组件的 width,height 占可用空间的比例是多少。跟 SizedBox 的功能差不多,都是给子组件附加紧约束。不同的是 SizedBox 是约束到具体的值。
代码示例如下:
Container(
color: Colors.red.shade200,
child: const FractionallySizedBox(
widthFactor: 0.5,
heightFactor: 0.5,
child: FlutterLogo(size: 50,),
),
);
运行效果:
从效果图可以看到,图片的宽高变成了屏幕宽高的一半,并不等于50的尺寸。