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
- 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.