CustomScrollView și SliverAppBar în Flutter în Flutter

Combină multiple porțiuni derulabile (slivers) pentru a crea efecte complexe de antet retractabil și paralaxă.

Sintaxă
CustomScrollView(slivers: [ SliverAppBar(...), SliverList(...) ])

Ce sunt CustomScrollView și Slivers

În timp ce ListView este o listă simplă, CustomScrollView oferă control la nivel de „sliver” (porțiuni derulabile independente). Piesa de rezistență este SliverAppBar, o bară superioară care se micșorează fluid la derulare, poate afișa imagini de fundal în modul extins și poate rămâne fixată (pinned) în partea de sus.

Exemplu Concret: Crearea unui antet animat retractabil
CustomScrollView(
  slivers: [
    SliverAppBar(
      expandedHeight: 200.0,
      pinned: true,
      flexibleSpace: FlexibleSpaceBar(
        title: const Text('Profil Utilizator'),
        background: Image.network('https://picsum.photos/600/300', fit: BoxFit.cover),
      ),
    ),
    SliverList(
      delegate: SliverChildBuilderDelegate(
        (context, index) => ListTile(title: Text('Articol #$index')),
        childCount: 20,
      ),
    ),
  ],
)

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: CustomScrollView și SliverAppBar în Flutter

Ai o nelămurire despre utilizarea comenzii CustomScrollView și SliverAppBar î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.