WorksheetsQuiz Flutter Dasar
Total questions: 54
Worksheet time: 29mins
Widget utama (root) dalam aplikasi Flutter biasanya adalah...
Container
MaterialApp
Scaffold
MyApp
Widget yang digunakan untuk menampilkan teks adalah...
Column
Text
Row
Container
Widget yang digunakan untuk menampilkan input teks (form) adalah...
Text
TextField
Row
Button
Fungsi Column adalah...
Menyusun widget secara horizontal
Menyusun widget secara vertikal
Membungkus widget agar ada padding
Menampilkan teks
Fungsi Row adalah...
Menyusun widget dari atas ke bawah
Menyusun widget dari kiri ke kanan
Membuat tombol
Membuat gambar
Widget yang biasa dipakai sebagai layout utama dengan AppBar adalah...
Column
Scaffold
Row
Material
Fungsi Container dalam Flutter adalah...
Menyimpan gambar saja
Membungkus widget lain agar bisa diberi padding, margin, atau warna
Membuat form login
Membuat list
Properti utama dari Text untuk mengubah gaya huruf adalah...
textStyle
style
decoration
color
Widget SizedBox(height: 20) berfungsi untuk...
Membuat tombol dengan tinggi 20
Membuat jarak antar widget secara vertikal
Menambahkan border
Menampilkan gambar
Untuk membuat tombol dengan tampilan material design, widget yang digunakan adalah...
RaisedButton (lama)
ElevatedButton
FlatButton
Text
Untuk membuat tombol dengan border saja (outline), kita gunakan...
ElevatedButton
OutlinedButton
FlatButton
IconButton
Untuk menambahkan ikon di depan teks dalam TextField digunakan properti...
prefixIcon
suffixIcon
leading
icon
Jika ingin menambahkan ikon mata pada field password, digunakan properti...
prefixIcon
suffixIcon
leading
icon
Properti obscureText: true digunakan untuk...
Membuat input password tersembunyi
Membuat teks miring
Membuat teks tebal
Menambahkan ikon
Widget yang cocok untuk membuat teks "Register Now" dengan warna berbeda di dalam Row adalah...
Container
Text
Column
Icon
mainAxisAlignment: MainAxisAlignment.center pada Column berarti...
Widget berada di kiri layar
Widget berada di tengah vertikal
Widget berada di kanan layar
Widget berada di bawah
crossAxisAlignment: CrossAxisAlignment.start pada Row berarti...
Widget rata kiri (horizontal)
Widget rata atas (vertikal)
Widget rata tengah
Widget rata bawah
Untuk memberi jarak horizontal antar widget pada Row, kita bisa gunakan...
Padding
SizedBox(width: 10)
Margin
Divider
Scaffold biasanya memiliki properti...
appBar, body, floatingActionButton
title, children
style, textAlign
icon, image
Untuk membuat teks rata tengah gunakan properti...
align
textAlign
center
style
Widget yang bisa berisi widget lain dengan scroll adalah...
ScrollView
SingleChildScrollView
List
Column
Jika ingin membuat form login dengan banyak field dan bisa digeser ke bawah, kita gunakan...
Row
Column
SingleChildScrollView
Container
Untuk membuat tombol dengan ikon di samping teks gunakan...
ElevatedButton.icon
TextButton
Row
FlatButton
Expanded dalam Row digunakan untuk...
Membesarkan teks
Membuat child mengambil sisa ruang
Membuat child kecil
Membuat jarak antar widget
Jika ingin membuat card dengan bayangan, widget yang digunakan adalah...
BoxShadow
Card
ElevatedButton
Container
Jika ingin membuat card dengan bayangan, widget yang digunakan adalah...
BoxShadow
Card
ElevatedButton
Container
Untuk membuat tombol Google dengan logo di kiri dan teks di kanan kita pakai...
Row
OutlinedButton.icon
IconButton
FloatingButton
BorderRadius.circular(10) digunakan untuk...
Membuat teks tebal
Membuat sudut widget melengkung
Membuat border warna
Membuat margin
Untuk membuat warna latar belakang widget gunakan properti...
backgroundColor
style
fillColor
containerColor
Perbedaan Column dengan ListView adalah...
Column bisa scroll, ListView tidak
Column tidak bisa scroll, ListView bisa
Column lebih lambat
ListView hanya untuk teks
Untuk menaruh teks di tengah layar bisa gunakan...
Center
Row
Align(topCenter)
Expanded
Output dari kode berikut?
A di atas B dan C
ABC sejajar horizontal
ABC vertikal
Error
Output dari kode berikut?
123 sejajar horizontal
123 vertikal
Hanya tampil 1
Error
Jika obscureText: true, maka input "hello123" ditampilkan sebagai...
hello123
*****
####
kosong
Jika Row berisi Icon + Text tanpa mainAxisAlignment, posisi defaultnya adalah...
Tengah
Kiri
Kanan
Bawah
Jika Column berisi banyak widget tanpa scroll, lalu layar kecil, hasilnya?
Semua tampil penuh
Error overflow
Otomatis scroll
Hilang
Output dari kode berikut?
Membuat jarak horizontal 50
Membuat jarak vertikal 50
Membuat teks ukuran 50
Error
Output dari kode berikut?
Hello di kiri
Hello di tengah
Hello di kanan
Error
Jika ElevatedButton ditekan tapi onPressed: null, maka...
Tombol aktif
Tombol disable
Tombol error
Tombol tetap jalan
Jika OutlinedButton tidak diberi border, tampilannya?
Tetap ada border default
Tidak muncul
Error
Seperti ElevatedButton
Output dari kode berikut?
Left dan Right menempel
Left di kiri, Right di kanan
Left di atas Right
Error
Jika kita ingin password field ada ikon mata di kanan, kita pakai...
prefixIcon
suffixIcon
leading
trailing
Jika Scaffold tanpa body, hasilnya?
Error
Hanya background putih
Hitam
Tidak jalan
Jika Container tanpa child, hasilnya?
Kosong
Error
Teks default
Hitam
Jika Column + Row digabung, maka hasilnya?
Tidak bisa
Layout kompleks
Error
Hilang
Output dari kode berikut?
Teks tipis
Teks tebal
Teks italic
Error
Jika ingin teks italic gunakan...
fontStyle: FontStyle.italic
fontWeight: FontWeight.bold
textAlign: TextAlign.center
decoration: TextDecoration.underline
Output dari kode berikut?
Ikon menempel ke teks
Ikon ada jarak 20 ke teks
Ikon di atas teks
Error
Jika Column memiliki mainAxisAlignment: MainAxisAlignment.end, hasilnya?
Widget di atas
Widget di bawah
Widget di tengah
Error
Jika crossAxisAlignment: CrossAxisAlignment.stretch, maka...
Widget melebar memenuhi layar
Widget kecil di tengah
Widget di bawah
Error
Output dari kode berikut?
Tombol tidak tampil
Tombol tampil, saat ditekan muncul "Login" di console
Tombol error
Tombol disable
Jika ingin membuat form input untuk menuliskan alamat email atau password, widget apa yang harus digunakan?
(a)
Jika ingin menampilkan tombol dengan border saja (outline) dan ikon di samping teks, widget apa yang dipakai?
(a)
Jika ingin membuat layout dasar aplikasi yang punya AppBar di atas, body di tengah, dan tombol mengambang (floating action button) di bawah, widget apa yang digunakan?
(a)
