FractionallySizedBox相对父组件尺寸组件-定位

2023-03-11  本文已影响0人  爱吃豆包

FractionallySizedBox 是一个相对父组件尺寸的组件,比如占父组件的70%:

Container(
  height: 200,
  width: 200,
  color: Colors.blue,
  child: FractionallySizedBox(
    widthFactor: .8,
    heightFactor: .3,
    child: Container(
      color: Colors.red,
    ),
  ),
)

image

通过 alignment 参数控制子组件显示的位置,默认为居中,用法如下:

FractionallySizedBox(
  alignment: Alignment.center,
  ...
)

上一篇 下一篇

猜你喜欢

热点阅读