flutter/flutter-fix-layout-issues

Was macht flutter-fix-layout-issues?

Behebt Flutter-Layout-Fehler (Überläufe, unbegrenzte Constraints) mithilfe von Dart- und Flutter-MCP-Tools. Verwenden Sie dies bei „RenderFlex overflowed“, „Vertical viewport was given unbounded height“ oder ähnlichen Layout-Problemen.

Funktionsweise

Dieses Skill analysiert Fehlermeldungen im Zusammenhang mit Flutter-Layouts und schlägt Korrekturen vor. Typische Anwendungsfälle sind:

• Überlauf-Fehler: Wenn Widgets nicht in den verfügbaren Platz passen (z. B. RenderFlex overflowed).
• Unbegrenzte Constraints: Wenn ein ListView oder Column ohne feste Höhe in einem scrollbaren Viewport verwendet wird.

Unterstützte Plattformen

• Claude Code
• Cursor
• Codex
• Andere KI-Agenten mit MCP-Unterstützung

Verwendung

Rufen Sie das Skill auf, sobald ein Flutter-Layout-Fehler auftritt. Der Agent analysiert die Fehlermeldung und schlägt eine der folgenden Lösungen vor:

• Einfügen von Flexible- oder Expanded-Widgets
• Hinzufügen von ConstrainedBox zur Begrenzung der Größe
• Umstellung auf ListView.builder mit shrinkWrap: true

Beispiel für einen typischen Fehler:

// Fehlerhaftes Layout
Column(
  children: [
    Text('Titel'),
    Expanded(child: Container()),
  ],
)

Lösung:

Column(
  children: [
    Text('Titel'),
    Flexible(child: Container()),
  ],
)