Flutter入门-布局Container、Padding、Align、Center

Flutter入门-布局Container、Padding、Align、Center

Container

Container的尺寸大小

Container自身尺寸变化的两种情况,以下两种情况皆不考虑父节点设置constraints和Container自身设置的width、height:

  • 第一种是Container没有子节点的情况下,Container会将自己变得极小,这里我们只要考虑到存在这个Container,但不显示
  • 第二种是Container有子节点的情况下,Container的大小会随着子节点的大小而变化。

    这里我们可以这样去理解它:你去裁缝店让裁缝给你做一件衣服,但是你不告诉裁缝你的size或者说你不让裁缝测量你的size,那么他只能表示我知道了你要做一件衣服,然后就没有然后了;但是你让裁缝给你测量size,或者告诉告诉裁缝我想要一件多大的衣服,那么他就会给你做出一件让你看得见的衣服出来; 这里的衣服就是Container,而裁缝给你测量的size就是子节点的大小,你告诉裁缝size就是代表着设置Container的width、height;

    父节点的constraints这个参数我们可以考虑为给裁缝装衣服的袋子,如果你不告诉他衣服的大小,只给他一个袋子,那么他就会按照袋子的大小给你做一件衣服.

    这里的constraints我们还是不按照父节点的constraints来想,我们就以Container来说,给他设置一个constraints时就是表示限定当前的Container的最大最小值,这里的最大最小值比直接设置width、height优先级还更大,如果设置的width、height超出了constraints的值,那就会按照constraints的最大值来算。

    以下代码中的宽高只会按照constraints的最大值来算
Container(
  constraints: BoxConstraints(maxWidth: 200.
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值