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.