FractionallySizedBox 能够控制其子组件的 width，height 占可用空间的比例是多少。跟 SizedBox 的功能差不多，都是给子组件附加紧约束。不同的是 SizedBox 是约束到具体的值。
代码示例如下：
Container(
color: Colors.red.shade200,
child: const FractionallySizedBox(
widthFactor: 0.5,
heightFactor: 0.5,
child: FlutterLogo(size: 50,),
),
);
运行效果：
从效果图可以看到，图片的宽高变成了屏幕宽高的一半，并不等于50的尺寸。
FractionallySizedBox 能够控制其子组件的 width，height 占可用空间的比例是多少。跟...
一、给子组件附加紧约束 SizedBox是一个单子元素布局组件，有 width，height 两个属性，可以给它的...
介绍 可以在水平或垂直方向多行显示其子widget（流式布局），例如历史搜索记录的样子。 属性 direction...
Flutter将布局组件分成了 单子布局组件（Single-child layout widgets） 和 多子布...
1. 基本介绍 Stack、Row、Column 是 Flutter 中最常用的布局组件了，其实在很多别的语言中，...
Flutter教学目录[https://www.jianshu.com/p/3320350b3814]持续更新中 ...
Flutter教学目录[https://www.jianshu.com/p/3320350b3814]持续更新中 ...
Flutter教学目录[https://www.jianshu.com/p/3320350b3814]持续更新中 ...
Flutter教学目录[https://www.jianshu.com/p/3320350b3814]持续更新中 ...
Flutter教学目录[https://www.jianshu.com/p/3320350b3814]持续更新中 ...
本文标题：Flutter Layout组件之FractionallySiz
本文链接：https://www.haomeiwen.com/subject/ghekartx.html
网友评论