防采集标记:亢少军老师的课程和资料
import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('Align对齐布局示例'),
),
body: new Stack(
children: [
//左上角
new Align(
alignment: new FractionalOffset(0.0, 0.0),
child: new Image.asset('images/1.jpeg',width: 128.0,height: 128.0,),
),
//右上角
new Align(
alignment: FractionalOffset(1.0,0.0),
child: new Image.asset('images/1.jpeg',width: 128.0,height: 128.0,),
),
//水平垂直方向居中
new Align(
alignment: FractionalOffset.center,
child: new Image.asset('images/3.jpeg',width: 128.0,height: 128.0,),
),
//左下角
new Align(
alignment: FractionalOffset.bottomLeft,
child: new Image.asset('images/2.jpeg',width: 128.0,height: 128.0,),
),
//右下角
new Align(
alignment: FractionalOffset.bottomRight,
child: new Image.asset('images/2.jpeg',width: 128.0,height: 128.0,),
),
]
),
);
}
}
void main() {
runApp(
new MaterialApp(
title: 'Align对齐布局示例',
home: new LayoutDemo(),
),
);
}
- Flutter技术入门与实战: http://product.dangdang.com/26485813.html
- Flutter交流学习群:894109159
- Flutter开源项目请关注: https://github.com/kangshaojun
- Flutter视频教程:https://edu.csdn.net/lecturer/2436
@作者: 亢少军