Horizontal viewport was given unbounded width (ListView horizontal inside Row). – Flutter UNBOUNDED_WIDTH

UNBOUNDED_WIDTH

Una `ListView` con `scrollDirection: Axis.horizontal` posizionata all'interno di una `Row` non riceve limiti di larghezza, generando un'eccezione di layout infinito; richiede `Expanded`.

Cosa significa questo errore?

Una `ListView` con `scrollDirection: Axis.horizontal` posizionata all'interno di una `Row` non riceve limiti di larghezza, generando un'eccezione di layout infinito; richiede `Expanded`.

Messaggio originale

Horizontal viewport was given unbounded width (ListView horizontal inside Row).

Contesto e parole chiave

Alias

  • Horizontal viewport was given unbounded width
  • unbounded width Flutter

Messaggi alternativi

  • viewport orizzontale con larghezza non vincolata

Prodotti

  • Flutter SDK / Dart VM / Flutter Framework / Gradle / CocoaPods

Piattaforme

  • Android
  • iOS
  • Linux
  • macOS
  • Web
  • Windows

Parole chiave

  • dart
  • Dart e Runtime
  • errore-flutter-horizontal-viewport-unbounded-width
  • flutter
  • flutter.rendering.horizontal-viewport-unbounded-width
  • UNBOUNDED_WIDTH
  • widget

Cause possibili

Origine del problema per Flutter: Horizontal viewport was given unbounded width

Una `ListView` con `scrollDirection: Axis.horizontal` posizionata all'interno di una `Row` non riceve limiti di larghezza, generando un'eccezione di layout infinito; richiede `Expanded`.

molto comune

Diagnosi

Diagnostica Flutter per Flutter: Horizontal viewport was given unbounded width

Eseguire flutter doctor con flag verbose ed esaminare l'output di debug a console.

Come leggere il risultato. Evidenzia discrepanze nelle toolchain Android/iOS, plugin mancanti o configurazioni SDK errate.

flutter
flutter doctor -v

Risoluzione

Procedura di risoluzione per Flutter: Horizontal viewport was given unbounded width

Difficoltà: facileRischio: basso

Applicare la correzione al codice Dart o alla configurazione di build secondo la documentazione ufficiale Flutter.

  1. Verificare i vincoli di layout o la gerarchia dei widget
  2. Eseguire una pulizia della cache di build con flutter clean
  3. Aggiornare le dipendenze con flutter pub get
flutter
flutter clean && flutter pub get

Domande frequenti

Come risolvere il codice o problema UNBOUNDED_WIDTH in Flutter?

Una `ListView` con `scrollDirection: Axis.horizontal` posizionata all'interno di una `Row` non riceve limiti di larghezza, generando un'eccezione di layout infinito; richiede `Expanded`.

Approfondimenti

Schede correlate