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中引入资源
flutter:设置背景图片_第1张图片
然后在需要的地方:bgUrl: 'assets/image/ichome1.png',即可获得。

你可能感兴趣的:(flutter)