Tag: flutter

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.

Riverpod 3.0 verpackt Fehler, die beim Lesen eines Providers auftreten, in eine ProviderException. Fangen Sie diesen Typ ab und lesen Sie e.exception, um Ihren ursprünglichen Fehler zurückzubekommen, oder verwenden Sie AsyncValue.error, das nicht verpackt ist.

Dot Shorthands sind mit Dart 3.12.2 stabil geworden. Schreiben Sie .center oder .new und lassen Sie den Compiler den Typ aus dem Kontext ableiten. So funktionieren sie bei Enums, statischen Membern und Konstruktoren.

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.

In einem Notifier lösen Sie die Abhängigkeiten vor dem await auf und schützen dann die state-Schreiboperation mit if (!ref.mounted) return. Das ist der Riverpod-3.0-Ersatz für das alte onDispose-Mixin und verhindert eine UnmountedRefException, wenn ein Provider mitten in einem await verworfen wird. Getestet mit flutter_riverpod 3.x, Flutter 3.44, Dart 3.x.

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.

Warum eine ListView in einer Column den Fehler 'Vertical viewport was given unbounded height' wirft, und die vier Lösungen (Expanded, Flexible, shrinkWrap, SizedBox) mit den Performance-Kompromissen, die entscheiden, welche Sie wollen.

Dieser Absturz bedeutet, dass Sie ein late-Feld gelesen haben, bevor ihm etwas zugewiesen wurde. Initialisieren Sie es synchron in initState, oder verzichten Sie auf late und modellieren Sie den asynchronen Wert als nullbaren Zustand.