Container, Padding, & Center

Memberi Jarak & Dekorasi 📦

Container

Widget 'kotak sakti'. Bisa diatur ukurannya, warnanya, hingga border-nya.

Container(
  padding: EdgeInsets.all(20),
  margin: EdgeInsets.symmetric(horizontal: 10),
  decoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.circular(15),
    boxShadow: [BoxShadow(blurRadius: 5, color: Colors.grey)],
  ),
  child: Text("Kartu Produk"),
)

Padding

Jika Anda hanya butuh jarak tanpa dekorasi, gunakan widget Padding. Ini lebih efisien daripada Container.

Padding(
  padding: const EdgeInsets.only(top: 20),
  child: Text("Teks berjarak dari atas"),
)

SizedBox

Sering digunakan untuk memberikan jarak kosong di antara Column atau Row.

Column(
  children: [
    Text("A"),
    SizedBox(height: 20), // Jarak vertikal 20px
    Text("B"),
  ],
)