Halo Flutterian, selamat pagi, siang, sore dan malam. Pada kesempatan kali ini kita akan membahas perbedaan dan penerapan stateles dan stateful widget pada Flutter.
Apa itu Stateles dan Stateful?
Stateless Widget dapat dikatakan sebagai widget statis yang berarti widget tersebut tidak berubah. Stateful Widget merupakan widget yang dinamis. Ini berarti widget ini dapat merubah tampilannya sesuai response dari events yang dipicu baik dari interaksi user maupun adanya variabel atau nilai baru yang didapat.
Penerapan Stateles dan Stateful
- Stateless
Misal, pada widget kita punya teks widget dan teks widget ini sudah kita inisialisasi dengan nilai “Hello Flutter” sebelumnya. Maka, nilai pada widget teks tersebut tidak akan berubah oleh fungsi atau class lainnya. Berikut contoh kode Stateless Widget:
Pada kodingan di atas, akan menampilkan appBar (Toolbar) dengan widget appBar. Pada widget appBar ini, kita tampilkan judul dengan menggunakan widget text. Text kita inisialisasi dengan “Hello Flutter”, sehingga tampilan layar aplikasi menjadi seperti ini:
- Stateful
Stateful widget adalah widget yang dapat berubah secara dinamis. Contohnya, kita punya widget teks dan teks ini berubah nilainya ketika user meng-klik button. Jadi, stateful widget mempunyai beberapa widget dan fungsinya akan mengubah nilai widget. Contoh kode stateful bisa dilihat pada gambar disamping kiri:
Pada dasarnya, Stateful widget membutuhkan dua class atau lebih. Pada kodingan di atas, terdapat dua class, yaitu MyHomePage mengandung Stateful Widget dan _MyHomePage sebagai menyatakan keadaan umum (Generic State). Di _MyHomePage, berisi widget dan keadaan counter 0, serta prosedur _incrementCounter() yang bertujuan melakukan increment pada counter. Ketika user mengklik button dan memanggil prosedur _incrementCounter() maka counter bertambah 1. Kemudian, teks akan menampilkan nilai counter sesuai jumlah klik user.
Jadi, tampilan layar aplikasi menjadi seperti ini:
Terimakasih telah membaca, semoga bermanfaat ya flutterian. Sampai jumpa di artikel berikutnya