Home Mobile Perbedaan dan penggunaan widget layouts pada flutter

Perbedaan dan penggunaan widget layouts pada flutter

0

Di Flutter, widget layout adalah jenis widget yang bertanggung jawab untuk mengatur dan mengelola tata letak dari elemen-elemen antarmuka pengguna (UI elements) dalam aplikasi. Widget layout membantu Andamengatur cara widget-widget lainnya ditampilkan di layar.

Berikut adalah penjelasan singkat tentang tiga widget layout umum di Flutter: Column, Row, dan Stack:

  1. Column:
  • Column adalah widget yang mengatur anak-anaknya dalam susunan vertikal, satu di bawah yang lain.
  • Ia akan mengisi ruang sesuai dengan lebar maksimum dari widget di dalamnya.
  • Biasanya digunakan untuk menyusun widget-widget dalam daftar vertikal atau mengatur elemen-elemen dalam satu kolom.
  • Contoh penggunaan:
    • memakai 2 container dengan warna berbeda dan ukuran yang sama

2. Row:

    • Row adalah widget yang mengatur anak-anaknya dalam susunan horizontal, satu di sebelah kanan yang lain.
    • Ia akan mengisi ruang sesuai dengan tinggi maksimum dari widget di dalamnya.
    • Digunakan ketika Anda ingin menyusun widget-widget secara horizontal.
    • Contoh penggunaan:

    3.Stack:

    • Stack adalah widget yang memungkinkan Anda menumpuk widget satu di atas yang lain.
    • Widget dalam Stack dapat menutupi atau tumpang tindih satu sama lain.
    • Biasanya digunakan untuk membuat tata letak yang lebih kompleks, di mana elemen-elemen tertentu mungkin perlu menumpuk atau tumpang tindih.
    • Contoh penggunaan: