IndexedStack 布局示例

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      title: "IndexedStack 布局示例",
      home: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var stack = IndexedStack(
      index: 1,
      alignment: FractionalOffset(0.2, 0.2),
      children: <Widget>[
        CircleAvatar(
          backgroundImage:
          NetworkImage("https://static.lidong.me/upload/c7QdErvcb.png"),
          radius: 100.0,
        ),
        Container(
          decoration: BoxDecoration(color: Colors.black38),
          child: Text(
            "哈哈哈哈",
            style: TextStyle(
              fontSize: 22.0,
              fontWeight: FontWeight.bold,
              color: Colors.white,
            ),
          ),
        )
      ],
    );
    return Scaffold(
      appBar: AppBar(
        title: Text("IndexedStack 布局示例"),
      ),
      body: Center(
        child: stack,
      ),
    );
  }
}