flutter-building-layouts

Meistern Sie das Constraints-System von Flutter, um responsive, überlauffreie Layouts effizient zu erstellen. Kernprinzip: Constraints fließen nach unten, Größen fließen nach oben, Eltern legen die Position fest. Geben Sie niemals unbegrenzte Constraints in Flexboxen oder scrollbaren Bereichen weiter. Verwenden Sie Row / Column für lineare Layouts, Expanded / Flexible für die Raumverteilung, Stack für überlappende Elemente und SizedBox für feste Constraints. Wenden Sie LayoutBuilder für responsive Größenanpassung oder bedingtes Rendering für adaptive Layouts auf Mobilgeräten, Tablets,... an.

npx skills add https://github.com/flutter/skills --skill flutter-building-layouts

ZIP herunterladen GitHub

Mehr Skills von flutter

dart-modern-features

Um Kandidaten für die Modernisierung zu finden:

flutter-fix-layout-issues

Behebt Flutter-Layout-Fehler (Überläufe, unbegrenzte Constraints) mit Dart und Flutter MCP Tools. Verwenden bei der Behebung von "RenderFlex overflowed", "Vertical…

adding-release-notes

Fügt benutzerseitige Änderungsbeschreibungen zu den DevTools-Versionshinweisen hinzu. Verwenden Sie dies, wenn Sie Verbesserungen, Fehlerbehebungen oder neue Funktionen in der Datei NEXT_RELEASE_NOTES.md dokumentieren.

reviewing-devtools-prs

DevTools-repositoriumspezifischer PR-Review-Workflow, der die DevTools-Stilrichtlinien und gängige Review-Muster durchsetzt. Verwenden Sie dies beim Überprüfen von Pull Requests im…

dart-use-primary-constructors

Helfen Sie Benutzern, syntaktisch und semantisch korrekte primäre Konstruktoren in Dart zu schreiben, und migrieren/verwenden Sie die neue Konstruktorsyntax, die Semikolon-Syntax mit leerem Körper, …

code-documentation

Leitfaden für das Schreiben effektiver Code-Dokumentation, einschließlich Docstrings, JSDoc, dartdoc und Implementierungskommentaren. Verwenden Sie diese Fähigkeit beim Schreiben von neuem Code, beim Hinzufügen…

Überprüft den angegebenen Code gegen die kanonischen API-Design-Richtlinien. Verwenden Sie dieses Skill, wenn der Benutzer eine API-Überprüfung anfordert oder Code gegen API-Design…

flutter-accessibility

Implementiert WCAG 2- und EN 301 549-Barrierefreiheitsstandards sowie adaptive Layouts in Flutter-Apps. Erzwingt semantische Annotationen, Mindestgrößen für Antippziele (48x48 dp) und Textkontrastverhältnisse (4,5:1 für kleinen Text, 3:1 für großen Text) auf mobilen, Web- und Desktop-Plattformen. Bietet Entscheidungslogik für die Initialisierung von Websemantik, das Umschließen interaktiver Widgets, bildschirmgrößenbasiertes Layout-Switching sowie Tastatur-/Mauseingabe-Handling. Enthält Fokus-Traversal-Management über FocusTraversalGroup und...