Widget Visibility
adalah widget dalam Flutter yang digunakan untuk mengendalikan ketersediaan dan keterlihatan suatu child widget dalam tampilan UI. Dengan menggunakan Visibility
, Anda dapat secara dinamis mengatur apakah suatu widget akan ditampilkan atau disembunyikan berdasarkan kondisi tertentu.
Visibility
memiliki beberapa properti yang dapat dikonfigurasi untuk mengatur keterlihatan dan ketersediaan widget. Berikut adalah properti-properti utama dalam Visibility
:
visible
: Properti ini digunakan untuk mengontrol keterlihatan widget. Jika bernilaitrue
, widget akan ditampilkan. Jika bernilaifalse
, widget akan disembunyikan. Properti ini menerima nilai boolean (true
ataufalse
).maintainSize
: Properti ini mengontrol apakah ruang yang dialokasikan untuk widget harus dipertahankan atau tidak ketika widget disembunyikan. Jika bernilaitrue
, ruang akan tetap dialokasikan dan widget akan mengambil ruang meskipun tidak terlihat. Jika bernilaifalse
, ruang yang dialokasikan akan dikosongkan ketika widget disembunyikan.maintainAnimation
: Properti ini digunakan untuk mengontrol apakah animasi yang terkait dengan widget tetap berjalan atau dijeda ketika widget disembunyikan. Jika bernilaitrue
, animasi akan tetap berjalan meskipun widget disembunyikan. Jika bernilaifalse
, animasi akan dijeda ketika widget disembunyikan.maintainState
: Properti ini mengontrol apakah state dari widget yang disembunyikan harus dipertahankan atau di-reset. Jika bernilaitrue
, state akan dipertahankan ketika widget disembunyikan dan akan tetap sama ketika widget ditampilkan kembali. Jika bernilaifalse
, state akan di-reset ketika widget disembunyikan dan akan kembali ke keadaan awal ketika widget ditampilkan kembali.child
: Properti ini berisi widget yang akan dikendalikan keterlihatannya olehVisibility
.
Dalam penggunaan praktis, Anda dapat menggunakan Visibility
untuk mengubah keterlihatan widget berdasarkan kondisi tertentu. Misalnya, Anda dapat menggunakan Visibility
untuk menyembunyikan atau menampilkan widget berdasarkan nilai dari variabel bool.
Contoh penggunaan Visibility
:
bool showText = true;
Visibility(
visible: showText,
maintainSize: true,
maintainAnimation: true,
maintainState: true,
child: Text('Ini adalah teks yang dapat ditampilkan atau disembunyikan'),
)
Pada contoh di atas, Text
widget akan ditampilkan jika showText
bernilai true
, dan akan disembunyikan jika showText
bernilai false
. Anda dapat mengubah nilai showText
untuk mengontrol keterlihatan Text
widget.
Dengan menggunakan Visibility
, Anda dapat membuat tampilan UI yang lebih dinamis dan responsif dengan mengendalikan keterlihatan widget sesuai dengan kebutuhan aplikasi.