Flutter中常用的组件-SizedBox

new Column(
        children: [
          //与 Container 不同,SizedBox 是一个透明的盒子,不能为其设置样式(例如,背景颜色、边距、填充等)。
          // 如果为 SizedBox 指定特定大小,则该大小也将应用于其子小部件。否则,如果未指定 SizedBox 的宽度或为 null,
          // 则其子小部件的宽度将通过其自己的设置或等于 0(如果未设置)。随着高度也有类似的行为。
          // 创建 SizedBox 所涉及的所有参数,例如宽度、高度、大小和子项都是可选的。
          new SizedBox(
            width: 40,
            height: 40,
            child: new Container(
              width: 30,
              height: 30,
              color: Colors.redAccent,
            ),
          ),
          //SizedBox.expand 构造函数用于创建一个宽度和高度为 double.infinity 的 SizedBox。这意味着在父小部件的许可下,SizedBox 的大小将尽可能大。
          new SizedBox.expand(
            child: new Container(
              width: 20,
              height: 20,
              color: Colors.teal,
            ),
          ),
          //SizedBox.fromSize:用于通过可选参数 size 创建具有指定大小的 SizedBox
          new SizedBox.fromSize(
            size: new Size(10, 30),
            child: new Container(
              color: Colors.amber,
              width: 50,
              height: 50,
            ),
          ),

          //SizedBox.shrink:构造函数用于创建一个尺寸最小的 SizedBox,如其父小部件建议的那样。
          new SizedBox.shrink(child: new Container(color:   Colors.blue,width: 45,height: 45,),),

          new SizedBox.square(child: new Container(color:   Colors.blue,width: 45,height: 45,),dimension: 56,)
        ],
      ),
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值