Tag: flutter

Umschließen Sie dasselbe Widget auf beiden Routen mit einem Hero mit identischem tag, und Flutter animiert seine Position und Größe während der Navigation. Vollständige Anleitung: Bilder, flightShuttleBuilder, createRectTween, RectTween-Bögen, Gesten-Übergänge und die tag-Kollisionen, die alles brechen. Getestet mit Flutter 3.44, Dart 3.12.

Ein Stream emittiert weiter, nachdem der Nutzer den Bildschirm verlassen hat, sein onData ruft setState auf einem bereits zerstörten State auf, und Flutter wirft eine Exception. Speichern Sie die Subscription, brechen Sie sie in dispose vor super.dispose ab, und der Callback kann niemals auf einem toten Widget feuern. Das vollständige Muster für Flutter 3.44.

Nach einem await kann das Widget bereits verworfen sein, und der Aufruf von setState wirft eine Ausnahme. Sichern Sie die Fortsetzung mit if (!mounted) return; ab und, besser noch, brechen Sie die auslösende Arbeit ab. Das vollständige Muster für Flutter 3.44.

Ein Schritt-für-Schritt-Upgrade von flutter_riverpod 2.x auf 3.x: die Pakete anheben, StateProvider und Verwandte auf den Legacy-Import umziehen, die AutoDispose- und Family-Ref-Typen loswerden, ProviderException-Wrapping und automatische Wiederholung handhaben und das ==-Benachrichtigungsfiltern beheben, das StreamProvider-Events stillschweigend verwirft. Getestet mit Flutter 3.44, Dart 3.x, flutter_riverpod 3.3.2.

Flutter 3.44 stellt die abgerundeten Ecken des Geräts über MediaQuery.displayCornerRadiiOf bereit. Schluss mit dem Raten eines magischen Radius: Beschneiden Sie Ihre UI auf die exakte Hardware-Kurve unter Android API 31+.

go_router und auto_route setzen beide auf Navigator 2.0 auf, die eigentliche Wahl lautet also: deklaratives URL-Routing vs. code-generierte typisierte Routen vs. die Router-API selbst schreiben. Eine Entscheidungsmatrix mit Konfiguration für jede Option, und wann der reine Navigator immer noch gewinnt.

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.