Align 对齐布局

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    title: "Align 对齐布局示例",
    home: LayoutDemo(),
  ));
}

class LayoutDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Align 对齐布局"),
      ),
      body: Stack(
        children: <Widget>[
          Align(
            alignment: FractionalOffset(0.0, 0.0),
            child: Image.network(
              "https://static.lidong.me/upload/XjGwvaVAI.png",
              width: 128.0,
              height: 128.0,
            ),
          ),
          Align(
            alignment: FractionalOffset(1.0, 0.0),
            child: Image.network(
              "https://static.lidong.me/upload/XjGwvaVAI.png",
              width: 128.0,
              height: 128.0,
            ),
          ),
          Align(
            alignment: FractionalOffset.center,
            child: Image.network(
              "https://static.lidong.me/upload/c7QdErvcb.png",
              width: 128.0,
              height: 128.0,
            ),
          ),
          Align(
            alignment: FractionalOffset.bottomLeft,
            child:
                Image.network("https://static.lidong.me/upload/c7QdErvcb.png"),
          ),
          Align(
            alignment: FractionalOffset.bottomRight,
            child:
                Image.network("https://static.lidong.me/upload/c7QdErvcb.png"),
          ),
        ],
      ),
    );
  }
}