dexblog.ro
Acces rapid: Învață AI Învață Programare Specificații Dispozitive Comparații
FLUTTER Toate comenzile Flutter

Widget-ul Hero în Flutter în Flutter

Animații și Tranziții Flutter 1.0+ Q&A / Distribuie cod

Tranziție animată continuă a unui element partajat (ex: poza de produs) între două ecrane diferite de navigare.

Sintaxă 
Hero(tag: 'produs_123', child: Image.network(...))

Ce este widget-ul Hero

Widget-ul Hero creează o animație spectaculoasă în care un element vizual (de exemplu o fotografie de produs dintr-o listă) „zboară” lin către poziția și dimensiunea sa nouă din ecranul de detalii în timpul navigării. Singura cerință este ca ambele widget-uri Hero din cele două ecrane să partajeze exact același tag unic.

Exemplu Concret: Tranziția pozei de profil între ecranul de listă și ecranul de detalii
// În Ecranul 1 (Listă):
Hero(
  tag: 'avatar_utilizator_42',
  child: const CircleAvatar(radius: 20, backgroundImage: NetworkImage(urlPoza)),
)

// În Ecranul 2 (Detalii):
Hero(
  tag: 'avatar_utilizator_42',
  child: const CircleAvatar(radius: 80, backgroundImage: NetworkImage(urlPoza)),
)

Comunitate & Schimb de cunoștințe

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

Ai o nelămurire despre utilizarea comenzii Widget-ul Hero î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.