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

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.

dart-modern-features

Um Kandidaten für die Modernisierung zu finden:

Ü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…

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…

dart-add-unit-test

Write and organize unit tests for functions, methods, and classes using `package:test`. Use when creating new logic or fixing bugs to ensure code remains…

dart-build-cli-app

Einstiegspunkt-Struktur, Exit-Codes, plattformübergreifende Skripte. Verwenden beim Erstellen von Befehlszeilenprogrammen, Skripten oder Anwendungen.

dart-collect-coverage

Collect coverage mit dem coverage-Paket und erstellen Sie einen LCOV-Bericht

dart-fix-runtime-errors

Nutzt get_runtime_errors und lsp, um einen aktiven Stack-Trace abzurufen, die fehlerhafte Zeile zu lokalisieren, einen Fix anzuwenden und die Lösung über hot_reload zu verifizieren.