Stack Widget - wurzelsand/flutter-memos GitHub Wiki

Stack Widget

Ausführung

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Stack(
        children: [
          Container(
            color: Colors.red,
            width: 200,
            height: 200,
          ),
          Container(
            color: Colors.green,
            width: 150,
            height: 150,
          ),
          Positioned(
            left: 130, // #1
            top: 70,
            child: Container(
              color: Colors.blue,
              width: 150,
              height: 150,
            ),
          ),
        ],
      ),
    );
  }
}

Anmerkungen

  1. Das Positioned-Widget hat auch Parameter für right und bottom. Sie geben an, wie weit der Abstand seines Child zum rechten bzw. unteren Rand seines Stacks sein soll. In diesem Fall wäre es der Abstand zu den Rändern des gesamten Bildschirms.