Card image cap
[Flutter][35] Menggunakan Widget Padding
Monday, 29 Jul 2019

Hello world,

Seperti namanya, fungsi dari widget padding adalah untuk membuat atau memposisikan widget child yang dimilikinya dengan memberikan jarak atau padding. Saat memberikan batasan pada child-nya, padding menyusutkan ukuran childnya dengan ukuran padding yang diberikan, menjadikan child memiliki ukuran yang lebih kecil. Padding memberi ukuran tersendiri dengan ukuran child-nya, meningkat ukuran padding secara efektif menciptakan ruang kosong di sekitar child. Penggunaan widget padding hampir sama dengan penggunaan Container hanya saja lebih sederhana. Dikarenakan attribut yang dapat digunakan pada widget padding hanya key, padding, dan child. Berbeda dengan Container yang memiliki banyak attribut.

Berikut ini adalah contoh penggunaan widget padding:

Padding(
  padding: EdgeInsets.all(8.0),
  child: const Card(child: Text('Hello World!')),
)

Pada contoh di atas kita membuat sebuah widget Padding yang berisi padding EdgeInsets.all(8.0). dan child yang berisi Text. Selebihnya kalian bisa mencoba mengisi child dengan widget-widget lain.


Selamat mencoba :)