Halo semua pada Artikel kali ini saya akan membahas tentang Animated Container pada Flutter.

Apa itu Animated Container?

Animated Container adalah sebuah Widget dari flutter yang berupa Container dan dapat kita ubah-ubah semau kita!. mulai dari padding, width, height, gradient, color, shadow, image, dll. Semua kita dapat ubah-ubah dan kita bisa terapkan sebuah animasi!, menarik bukan?

Pertama-tama kita akan membuat sebuah StatefulWidget

Lalu kita akan return sebuah AnimatedContainer();

lalu kita bisa atur-atur width dan height nya selayak nya sebuah container biasa.

sekarang kita akan membuat variabel yang bertipe boolean yang bernama isClicked.

sekarang kita beri ternary operator pada masing-masing property pada AnimatedContainer agar bisa kita animasikan!

Sekarang kita bungkus Widget Center dengan Gesture Detector dan kita beri property onTap(){}

lalu tinggal kita beri metode setState({}) dan kita masukan variabel isSelected tadi.

Sekarang cobalah kalian jalankan aplikasi kalian dan tekan Container yang sudah kita buat tadi. Maka ketika di tekan, Container akan animasi nya ketika berubah.