Widget-ul AnimatedContainer în Flutter în Flutter

Animă automat și lin schimbările de dimensiune, culoare, padding, bordură și colțuri rotunjite (animație implicită).

Sintaxă
AnimatedContainer(duration: Duration(milliseconds: 300), width: _latime, color: _culoare, child: ...)

Ce este AnimatedContainer

AnimatedContainer este exemplul perfect de animație implicită (implicit animation) în Flutter. Nu necesită un AnimationController manual: când oricare dintre proprietățile sale (lățime, înălțime, culoare de fundal, rotunjire de colțuri) își schimbă valoarea în setState(), widget-ul interpolează automat și lin tranziția pe durata specificată.

Exemplu Concret: Cutie animată care își schimbă mărimea și culoarea la apăsare
bool _esteSelectat = false;

GestureDetector(
  onTap: () => setState(() => _esteSelectat = !_esteSelectat),
  child: AnimatedContainer(
    duration: const Duration(milliseconds: 400),
    curve: Curves.easeInOut,
    width: _esteSelectat ? 200.0 : 100.0,
    height: _esteSelectat ? 200.0 : 100.0,
    color: _esteSelectat ? Colors.deepPurple : Colors.amber,
    child: const Center(child: Text('Apasă-mă')),
  ),
)

Comunitate & Schimb de cunoștințe

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

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