23 Layout-Widgets

  1. Container: Ein rechteckiger Bereich mit Anpassungsoptionen wie Breite, Höhe, Farbe und mehr.
  2. Row: Ordnet seine Kinder in einer horizontalen Zeile an.
  3. Column: Ordnet seine Kinder in einer vertikalen Spalte an.
  4. Stack: Stapelt Kinder-Widgets übereinander.
  5. Expanded: Weist einem Kind-Widget in einer Flex-Widget-Hierarchie den verbleibenden verfügbaren Platz zu.
  6. Flexible: Steuert die Flexibilität von Kind-Widgets in einer Flex-Widget-Hierarchie.
  7. ListView: Zeigt eine scrollbare Liste von Widgets an.
  8. GridView: Zeigt eine scrollbare Rasteranordnung von Widgets an.
  9. Card: Zeigt Informationen in einer Karte mit abgerundeten Ecken und Schatten an.
  10. SizedBox: Erstellt ein festes Höhe-Breite-Layout.
  11. Padding: Fügt Polsterung zu seinen Kindern hinzu.
  12. Align: Positioniert sein Kind innerhalb des übergeordneten Widgets.
  13. Wrap: Ordnet seine Kinder in einer Zeile oder Spalte an und kann automatisch umbrechen.
  14. Positioned: Positioniert ein Kind-Widget in einem Stack an einer bestimmten Position.
  15. AspectRatio: Setzt das Verhältnis von Breite zu Höhe für ein Widget.
  16. ListView.builder: Erstellt dynamisch eine Liste von Kindern basierend auf einem Generator.
  17. GridView.builder: Erstellt dynamisch ein Raster von Kindern basierend auf einem Generator.
  18. Spacer: Erzeugt in einer Flex-Widget-Hierarchie leeren Raum.
  19. Divider: Erstellt eine horizontale oder vertikale Trennlinie zwischen Elementen.
  20. FittedBox: Passt ein Kind in die verfügbare Größe, indem es es proportional oder nicht proportional verkleinert oder vergrößert.
  21. ConstrainedBox: Beschränkt die Größe seines Kindes auf eine bestimmte Mindest- oder Höchstgröße.
  22. IntrinsicHeight und IntrinsicWidth: Passen die Höhe bzw. Breite ihrer Kinder an, um ihre intrinsischen Größen beizubehalten.
  23. Flow: Ordnet Kinder in einer nicht einschränkenden Weise an.