第11章组件装饰和视觉效果-DecoratedBox装饰盒子-背景图效果
防采集标记:亢少军老师的课程和资料
import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('BoxDecoration装饰盒子-背景图示例'),
),
body: new Center(
child: Container(
width: 300.0,
height: 300.0,
decoration: BoxDecoration(
color: Colors.grey,
image: DecorationImage(
image: ExactAssetImage('images/1.jpeg'),//添加image属性
fit: BoxFit.cover,//填充类型
),
),
)
),
);
}
}
void main() {
runApp(
new MaterialApp(
title: 'BoxDecoration装饰盒子-背景图示例',
home: new LayoutDemo(),
),
);
}
- Flutter技术入门与实战: http://product.dangdang.com/26485813.html
- Flutter交流学习群:894109159
- Flutter开源项目请关注: https://github.com/kangshaojun
- Flutter****:https://edu.****.net/lecturer/2436
@作者: 亢少军