NEW
Font size
WorksheetsKUIS WIDGET LAYOUT
Total questions: 20
Worksheet time: 10mins
Jika kode dijalankan, bagaimana posisi huruf A, B, C dalam layar secara default?
Berderet ke bawah, sejajar kiri (rata kiri)
Berderet ke kanan, sejajar atas (rata atas)
Berderet ke kanan, sejajar kiri (rata kiri)
Berderet ke bawah, sejajar tengah (rata tengah)
Berderet ke kanan, sejajar ke tengah (rata tengah)
Widget apa yang paling tepat digunakan jika ingin membuat sebuah tampilan list menu makanan dengan jumlah item yang sangat banyak dan dapat di-scroll secara efisien?
Column
Row
ListView
Container
Stack
Apabila kita ingin membuat dua widget sejajar horizontal dengan lebar proporsional (misalnya kiri 1/3 dan kanan 2/3). Widget layout apa yang paling tepat digunakan?
Row + Expanded
Column + SizedBox
Stack + Positioned
Align + Center
Row + Sizedbox
Apa fungsi padding pada kode di atas?
Membuat ListView bisa discroll
Mengatur ukuran font teks
Memberi jarak di dalam ListView antara tepi dan konten
Memberi jarak di luar ListView
Memberi jarak antar item ListView
Bagaimana tampilan dari kode tersebut?
Tiga kotak berwarna disusun vertikal dan bisa discroll ke bawah
Tiga kotak berwarna disusun horizontal dan bisa discroll ke samping
Tiga kotak berwarna disusun horizontal dan bisa discroll ke bawah
Tiga kotak berwarna disusun vertikal dan bisa discroll ke samping
Tiga kotak berwarna disusun vertikal tanpa bisa discroll
Seorang developer ingin membuat layout seperti berikut di Flutter. Widget layout manakah yang paling efisien untuk digunakan?
Column
Row dengan Image dan Column
Stack dengan Positioned
ListView dengan Row
GridView dengan Row
Apabila kamu ingin menampilkan foto profil berbentuk lingkaran dengan nama di bawahnya. Widget apa yang paling efisien digunakan?
CircleAvatar + Column
Image + Row
CircleAvatar + Row
CircleAvatar + ListTile
Icon + Text
Dimanakah posisi ikon bintang pada tampilan kode widget stack tersebut?
Tengah layar
Pojok kiri atas kotak hijau
Pojok kanan bawah kotak hijau
Di luar kotak hijau
Menutupi seluruh kotak hijau
Widget SafeArea berguna untuk…
Membatasi ukuran widget
Menghindari area layar yang tertutup notch/status bar
Membuat widget bisa di-scroll
Membuat widget selalu berada di tengah
Memberi efek bayangan pada widget
Perbedaan utama antara Row dan Wrap adalah…
Row bisa scroll otomatis, Wrap tidak
Wrap bisa otomatis pindah ke baris baru, Row tidak
Wrap hanya bisa horizontal, Row bisa vertikal
Row lebih lambat daripada Wrap
Wrap tidak bisa diberi alignment
Perhatikan kode berikut!
Jika layar lebih sempit dari total lebar kotak, bagaimana hasilnya?
Kotak meluap keluar layar (overflow error)
Kotak mengecil agar muat di layar
Kotak otomatis turun ke baris berikutnya
Kotak hanya menampilkan 2 warna pertama
Kotak bergabung menjadi 1 widget
Seorang siswa menampilkan banyak item dengan Column. Saat item lebih banyak dari layar, muncul error overflow. Apa solusi terbaik?
Ganti Column dengan Row
Bungkus Column dengan SingleChildScrollView
Ganti Column dengan ListView
Tambahkan Expanded pada setiap item
Gunakan Stack
Seorang developer ingin membuat daftar produk. Ia bingung memilih antara Column dan ListView. Jika jumlah produk hanya 3 item, mana pilihan yang lebih tepat?
Column, karena lebih sederhana
ListView, karena lebih cepat
Column, karena bisa scroll otomatis
ListView, karena bisa menumpuk widget
ListView, karena lebih hemat memori
Bagaimana hasil tampilan dari kode berikut?
4 kotak dalam 2 kolom dan 2 baris
4 kotak berderet ke kanan tanpa baris baru
4 kotak berderet ke bawah
Kotak merah memenuhi layar, sisanya tersembunyi
Error karena GridView tidak bisa langsung menampilkan Container
Apa fungsi dari crossAxisSpacing dalam kode tersebut....
memberi jarak antar kolom pada gridview 10px
memberi jarak antar baris pada grid view 10px
jumlah kolom dalam gridview
jumlah baris dalam gridview
memberi jarak antar icons
Bagaimana hasil tampilan dari kode tersebut...
Avatar bulat dengan huruf "A", teks "Ayu" di samping kanannya Avatar, subtitle "Online" di bawahnya teks "Ayu"
Avatar bulat dengan huruf "A" , teks "Ayu" di bawahnya Avatar dan subtitle "Online" di bawahnya teks "Ayu"
Avatar bulat dengan huruf "A" , teks "Ayu" di bawahnya Avatar dan subtitle "Online" di sampingnya teks "Ayu"
Avatar bulat dengan huruf "A" , teks "Ayu" di samping kirinya Avatar dan subtitle "Online" di bawahnya teks "Ayu"
Avatar bulat dengan huruf "A" , teks "Ayu" di samping kanannya Avatar dan subtitle "Online" di samping kanannya teks "Ayu"
Pada ListTile, properti leading digunakan untuk…
Menambahkan teks utama
Menambahkan ikon/avatar di sebelah kiri
Menambahkan ikon di sebelah kanan
Memberi jarak antar item
Memberi warna background
Pada Card, properti elevation digunakan untuk…
Menentukan jarak antar Card
Menambahkan ketebalan border
Memberi efek bayangan (shadow) pada Card
Membuat Card bisa diklik
Mengatur warna teks
Apa fungsi margin pada kode tersebut?
Memberi jarak di dalam Card
Memberi jarak di luar Card dari widget sekitarnya
Mengatur ketebalan garis border
Menentukan ukuran teks
Mengatur warna background Card
Bagaimana hasil tampilan dari kode tersebut?
Kotak dengan warna biru, bayangan kecil, berisi 2 teks horisontal
Kotak dengan warna biru, berisi 2 teks vertikal
Kotak dengan warna biru, bayangan kecil, berisi 2 teks vertikal
Kotak dengan warna biru, berisi 2 teks horisontal
Kotak dengan bayangan, berisi 2 teks vertikal
