Kunci Jawaban Soal Pilihan Ganda Flutter UI (State Management)

-

Kunci Jawaban Soal Pilihan Ganda Flutter UI (State Management)

Sedikit latihan untuk memahami konsep dasar Flutter seperti Widget, Layout, State Management, dan Animasi. Soal ini cocok buat kamu yang ingin menguji seberapa jauh pemahaman tentang cara kerja UI di Flutter.

📄 Halaman 1



Jawaban:

  1. B. MyApp
  2. D. Widget tersebut tidak memiliki state yang dapat berubah selama runtime.
  3. A. Karena ia memerlukan controller.
  4. D. Di dalam TodoListScreenState.
  5. C. setState()
  6. C. Scaffold
  7. C. Column
  8. D. Expanded
  9. C. Menempatkan FAB di tengah bawah layar.
  10. C. SizedBox

📄 Halaman 2



Jawaban:

  1. C. TextField
  2. B. TextEditingController
  3. C. Pengguna menekan tombol "Enter/Done" pada keyboard.
  4. C. SnackBar
  5. C. AnimatedList
  6. A. Memberikan identifikasi unik pada setiap item daftar.
  7. D. Card
  8. B. ListTile
  9. B. Mengubah status selesai/belum selesai dari tugas.
  10. B. Teks dicoret dengan garis.

📄 Halaman 3



Jawaban:

  1. C. BoxDecoration dengan LinearGradient
  2. C. textTheme
  3. B. Membuat sudut kartu menjadi bulat.
  4. D. Teks berwarna abu-abu jika selesai, dan hitam jika belum.
  5. C. Memberikan bayangan di bawah app bar.
  6. A. setState(() { _todos.add(newTodo); });
  7. B. Untuk menampilkan ulang item setelah dihapus.
  8. C. SizeTransition
  9. B. Bagian _todos.isEmpty ? Center(...): AnimatedList(...)
  10. A. Untuk menghapus semua teks di TextField.

📄 Halaman 4



Jawaban:

  1. B. Menampilkan teks panduan saat field kosong.
  2. C. filled: true
  3. C. Tombol hapus.
  4. C. Menampilkan label di samping tombol.
  5. B. Indikator tugas/status.
  6. B. Agar AnimatedList tahu berapa banyak item yang harus di-build pada saat pertama kali dimuat.
  7. A. primarySwatch
  8. C. Tugas akan ditambahkan, tetapi tidak dapat dihapus.
  9. A. ScaffoldMessenger.of(context)
  10. A. Container dengan properti color


Itulah kunci jawaban lengkap 40 soal Flutter UI (State Management). Kamu bisa gunakan ini untuk latihan atau membandingkan hasil belajar kamu mengenai widget, properti, serta konsep dasar Flutter dalam membuat aplikasi dengan state management.

Komentar

Posting Komentar

Postingan populer dari blog ini

-
Gambar
📱 Widget Dasar Flutter/Dart 1 Stateless Widget Widget Stateless adalah widget yang tidak dapat berubah (immutable). Cocok untuk menampilkan konten statis yang tidak perlu diperbarui berdasarkan interaksi pengguna. 💡 Lihat Contoh Kode Dart Code - Stateless Widget Salin Kode class MyStatelessWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Container( padding: EdgeInsets.all(20), child: Text( 'Halo, saya Stateless Widget!', style: TextStyle(fontSize: 18), ), ); } } 2 Stateful Widget Widget Stateful adalah widget yang dapat berubah (mutable). Digunakan ketika widget perlu diperbarui berdasarkan interaksi pengguna atau data yang berubah. 💡 Lihat Contoh Kode Dart Code - Stateful Widget Sa...
Baca selengkapnya

🎮 Review Aplikasi Flutter: Pixel Quest To-Do

-
Gambar
🎮 Review Aplikasi Flutter: Pixel Quest To-Do 1️⃣ Halaman Pemilihan Karakter 📸 Screenshot Tampilan 💻 Potongan Kode Wrap( spacing: 16, children: _emojis.map((e) { final selected = _selected == e; return GestureDetector( onTap: () => setState(() => _selected = e), child: AnimatedContainer( duration: const Duration(milliseconds: 180), transform: Matrix4.identity()..scale(selected ? 1.06 : 1.0), padding: const EdgeInsets.all(12), decoration: BoxDecoration( color: selected ? const Color(0xFF00ADB5) : const Color(0xFF393E46), borderRadius: BorderRadius.circular(12), border: Border.all( color: selected ? Colors.cyanAccent : Colors.transparent, width: 2), ), child: Text(e, style: const TextStyle(fontSize: 40)), ), ); }).toList(), ) 🧩 Penjelasan Singkat Bagian kode ini menampilkan daftar karakter dalam bentuk e...
Baca selengkapnya