• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Flutter组件之UnconstrainedBox

Flutter cps12345 9个月前 (02-03) 173次浏览 0个评论

UnconstrainedBox

UnconstrainedBox组件不对子组件做任何约束,比如有一个父组件大小是200×200,子组件是UnconstrainedBox,UnconstrainedBox包裹一个300×300的组件,代码如下:

Container(
  height: 200,
  width: 200,
  child: UnconstrainedBox(
    child: Container(height: 300, width: 300, color: Colors.red),
  ),
)

效果如下:

注意:黄色区域表示子控件超出父控件的区域了,黄色区域只会在debug模式下存在,在release模式下,只有红色区域。

UnconstrainedBox虽然不限制其子控件的大小,但仍然受父控件的约束,超出父控件的区域将会截取。

UnconstrainedBox允许设置对齐方式,用法如下:

UnconstrainedBox(
  alignment: Alignment.topLeft,
  ...
)

效果如下:

和上一个图对比,这次左边和上边没有超出区域,右边和下边各超出100px。

喜欢 (0)

您必须 登录 才能发表评论!