flutter:设置背景图片

设置背景颜色的话直接添加属性color:xxx即可,如果设置背景图片呢?
网络图片或者静态资源看代码:

new Container(
// 控件高度
        constraints: new BoxConstraints.expand(
          height:120.0,
        ),
        //设置背景图片
        decoration: new BoxDecoration(
          color: Colors.grey,
           border: new Border.all(width: 2.0, color: Colors.red),
           borderRadius: new BorderRadius.all(new Radius.circular(20.0)),
          image: new DecorationImage(
            image: new AssetImage(widget.bgUrl),  
            //这里是从assets静态文件中获取的,也可以new NetworkImage()从网络上获取
            centerSlice: new Rect.fromLTRB(270.0, 180.0, 1360.0, 730.0),
          ),
        ),
        alignment: Alignment.center,
        child: column
    );
  }

备注:decoration和color不能同时出现
顺便说下怎么获取assets文件中的资源:
首先在pubspec.yaml中引入资源
在这里插入图片描述
然后在需要的地方:bgUrl: 'assets/image/ichome1.png',即可获得。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值