Flutter系列之Container宽度自适应

 Container 外部包裹 row 可实现自适应

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: <Widget>[
    Container(
      alignment: Alignment.center,
      padding: EdgeInsets.symmetric(horizontal: 18.w, vertical: 8.h),
      margin: EdgeInsets.symmetric(vertical: 20.h),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.all(Radius.circular(16.w)),
        color: Color(0xFffC0000),
        boxShadow: [
          BoxShadow(color: Color(0xFffC0000).withOpacity(0.2), offset: Offset(0, 2), blurRadius: 3.0)
        ],
      ),
      child: Text(
        "去首页看看",
        style: pingFangS(12.sp, color: Colors.white),
      ),
    )
  ],
)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值