Daily Widget Flutter : Container

Daily Widget : Container 

Seperti namanya, Container. Yang memiliki fungsi untuk menyimpan atau membungkus barang. Perbedaannya dengan kondisi di dunia nyata adalah widget ini tidak nampak secara visual ( bawaan awal ) dan akan terlihat setelah diberikan hiasan ( dekorasi / properti ).

Pembuatan atau penggunaan widget ini dalam flutter, menggunakan perintah

Sama dengan widget-widget lainnya. Secara default, visual dari widget ini TIDAK ADA! 😁

Namun widget ini tetap penting untuk dikenali dan digunakan. Yuk pelajari lebih lanjut...

📝 Ringkasan

Dalam penjelasan resminya, dijelaskan kalau Container:

A container first surrounds the child with padding (inflated by any borders present in the decoration) and then applies additional constraints to the padded extent (incorporating the width and height as constraints, if either is non-null). The container is then surrounded by additional empty space described from the margin.

Secara ringkas container adalah sebuah wadah untuk berbagai macam widget. Digunakan umumnya terkait tata letak, mengatur ukuran maupun memberikan dekorasi visual.

Secara default widget ini tidak memiliki visual, dengan perintah Container() penggunaan sebuah container berhasil digunakan dan dibuat.

Agar terlihat, widget ini perlu ditambahkan beberapa properti. Misalnya properti color menjadi:

Secara visual, telah nampak perbedaan jelas dengan hanya menggunakan perintah Container().

🔖 Properti 
Setiap widget memiliki properti untuk mengatur visual dan kondisi dari widget tersebut. Misalnya mengatur warna, ukuran atau mengatur bentuk.

color yang sebelumnya berada di dalam widget Container() merupakan satu dari beberapa properti yang bisa digunakan. Setiap widget memiliki beberapa properti, bahkan ada beberapa properti yang bersifat wajib dituliskan. Tanpa properti tersebut, kode akan diidentifikasikan error.

Beberapa properti yang umumnya ( biasanya ) digunakan dalam widget Container yaitu:

1. child, digunakan untuk menampung widget yang akan dibungkus.
2. color, digunakan untuk mengubah warna.
3. height, mengatur tinggi.
4. width, mengatur lebar.
5. padding, memberikan jarak dari sisi luar.
6. decoration, mengubah bentuk atau memberikan ornamen-ornamen lain.

Contoh Container dengan tambahan tiga properti:

Membungkus widget:

Membungkus Text()

Membungkus Button, ElevatedButton()