Tag: layout

Verwenden Sie Expanded, wenn ein Kind seinen Anteil an einer Row oder Column ausfüllen muss, und Flexible, wenn es kleiner als sein Anteil sein darf. Gemessene Layouts mit Flutter 3.44 zeigen, wohin der übrige Platz geht, warum lose Kinder ihn nie an Geschwister abgeben und wann bei unbegrenzten Constraints nur Flexible überlebt.

Ein Widget hat height: double.infinity angefordert, obwohl der Parent keine Höhenbegrenzung hat, etwa eine Column oder ListView. Verwenden Sie stattdessen Expanded, eine endliche Höhe, LimitedBox oder SliverFillRemaining.

Das offizielle google_mobile_ads-Beispiel rendert nichts bis onAdLoaded, sodass Ihr Inhalt Sekunden nach dem Erscheinen des Bildschirms um 150 dp springt. Fragen Sie zuerst die verankerte adaptive Größe ab, reservieren Sie sie mit einer SizedBox, speichern Sie die Höhe über App-Starts hinweg und laden Sie erst dann die Anzeige. Gemessen mit Flutter 3.44.8 und google_mobile_ads 9.1.0.

Mit SDK 35 als Ziel läuft Ihre Flutter-App im Edge-to-Edge-Modus, also zeichnet der Scaffold-Body hinter der Navigationsleiste. Verarbeiten Sie die Insets mit SafeArea und MediaQuery-Padding, statt den Modus abzuschalten, denn diese Abmeldung ist unter Android 16 bereits tot.

Die Tastatur verkleinert die maximale Höhe des Scaffold-Body, deshalb läuft eine gerade noch passende Column über. Setzen Sie den Body in ein Scrollable, statt resizeToAvoidBottomInset abzuschalten.

Für eine lange Liste sollten Sie niemals shrinkWrap verwenden. Nutzen Sie Expanded, wenn die Liste das einzige Scrollable ist, und Slivers (CustomScrollView), wenn sie sich das Scrollen mit anderen Abschnitten teilt. Hier ist das Warum, mit einem Build-Count-Benchmark.

Verschieben Sie die Farbe in die Decoration: verwenden Sie decoration: BoxDecoration(color: ...) statt color und decoration an denselben Container zu übergeben.

Dieser Fehler bedeutet, dass ein Expanded oder Flexible kein direktes Kind eines Row, Column oder Flex ist. Verschieben Sie es direkt unter das Flex-Widget, oder entfernen Sie Expanded, wenn der Parent kein Flex ist.

Die slivers-Liste einer CustomScrollView akzeptiert nur Sliver. Verpacken Sie Box-Widgets in SliverToBoxAdapter oder ersetzen Sie ListView/Padding/Column durch SliverList und SliverPadding.

Bringen Sie eine Liste und ein Raster in einen einzigen durchgehenden Scroll ohne verschachtelte Scrollables. Verwenden Sie CustomScrollView mit SliverList und SliverGrid und umgehen Sie die shrinkWrap-Falle, die still die Performance ruiniert.