Widget-ul Wrap în Flutter în Flutter

Afișează copiii în linie și îi trece automat pe un rând nou când spațiul orizontal este epuizat (prevenind eroarea de Overflow).

Sintaxă
Wrap(spacing: 8.0, runSpacing: 4.0, children: [ Chip(...), Chip(...) ])

Ce este widget-ul Wrap

Dacă plasați mai multe elemente într-un Row și lățimea totală depășește ecranul, Flutter va arunca celebra eroare vizuală Yellow/Black RenderFlex Overflow. Widget-ul Wrap rezolvă elegant această problemă trecând automat elementele pe rândul următor.

Este widget-ul ideal pentru etichete de categorii (Chips), tag-uri, filtre sau butoane de dimensiuni variabile.

Exemplu Concret: Afișarea etichetelor unui articol
Wrap(
  spacing: 8.0, // Spațiu între etichete pe orizontală
  runSpacing: 4.0, // Spațiu între rânduri pe verticală
  children: const [
    Chip(label: Text('Flutter')),
    Chip(label: Text('Dart')),
    Chip(label: Text('Mobile')),
    Chip(label: Text('Cross-Platform')),
  ],
)

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Widget-ul Wrap în Flutter

Ai o nelămurire despre utilizarea comenzii Widget-ul Wrap în Flutter sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.