FractionallySizedBox 是一个相对父组件尺寸的组件,比如占父组件的70%:
Container(
height: 200,
width: 200,
color: Colors.blue,
child: FractionallySizedBox(
widthFactor: .8,
heightFactor: .3,
child: Container(
color: Colors.red,
),
),
)

通过 alignment 参数控制子组件显示的位置,默认为居中,用法如下:
FractionallySizedBox(
alignment: Alignment.center,
...
)
网友评论