Flutter Container部件

1、width、height:宽和高

2、margin:外边距

设置所有的外边距
margin: EdgeInsets.all(20)

设置相应的外边距
margin: EdgeInsets.fromLTRB(20, 50, 0, 0)

3、padding:内间距

设置所有的内间距
padding:EdgeInsets.all(20),

设置相应的内间距
padding: EdgeInsets.fromLTRB(0, 20, 0, 0)

4、decoration:设置圆角和边框,不能和color同时使用,用在child下面会被覆盖,

      decoration: BoxDecoration(
        //边框
        color: Colors.pink,
        border: Border.all(
          color: Colors.black,
          width: 10.0,
        ),
        //圆角
        //设置其中的一个圆角
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(50),
        ),
        //设置所有的圆角
        borderRadius: BorderRadius.circular(50),
      ),

5、color:颜色,不能和decoration同时使用,

6、transform:移动、圆角、缩放等

//旋转 正值是顺时针 
transform: Matrix4.rotationZ(0.3),

//平移
transform: Matrix4.translationValues(20, 20, 0),

7、alignment:对齐方式

设置child的位置
alignment: Alignment.topCenter,

8、child:子组件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值