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',
即可获得。