Flutter基础—定位对齐之对齐

前端之家收集整理的这篇文章主要介绍了Flutter基础—定位对齐之对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Align控件即对齐控件,能将子控件所指定方式对齐,并根据子控件的大小调整自己的大小。

对齐子控件的方式:

bottomCenter    (0.5,1.0)    底部中心
bottomLeft    (0.0,1.0)    左下角
bottomRight    (1.0,1.0)    右下角
center    (0.5,0.5)    水平垂直居中
centerLeft    (0.0,0.5)    左边缘中心
centerRight    (1.0,0.5)    右边缘中心
topCenter    (0.5,0.0)    顶部中心
topLeft    (0.0,0.0)    左上角
topRight    (1.0,0.0)    右上角
import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('对齐'),),body: new Stack(
        children: <Widget>[
          new Align(
            alignment: new FractionalOffset(0.0,0.0),child: new Image.network('http://up.qqjia.com/z/25/tu32710_10.jpg'),new Align(
            alignment: FractionalOffset.bottomRight,child: new Image.network('http://up.qqjia.com/z/25/tu32710_11.jpg'),]
      ),);
  }
}
void main() {
  runApp(
    new MaterialApp(
      title: 'Flutter教程',home: new LayoutDemo(),);
}

这里写图片描述

猜你在找的Flutter相关文章