🧩 Mengenal Lebih Dalam Widget Flutter — Membuat To-Do List Cantik

📅 Tugas Belajar Mandiri PPLG 1

Nama: Isa
Guru Pembimbing: Pak Darsu
Tanggal: 10 Oktober 2025


💡 Apa itu Flutter?

Flutter adalah framework buatan Google yang digunakan untuk membuat aplikasi mobile, web, dan desktop dengan satu basis kode (Dart).
Keunggulan Flutter yaitu tampilannya cantik, cepat, dan banyak widget yang bisa dikustomisasi sesuai kebutuhan.


🧱 Widget yang Dipelajari

Dalam tugas kali ini, saya belajar beberapa widget penting di Flutter seperti:

  • Scaffold → untuk struktur utama halaman

  • AppBar → membuat judul aplikasi

  • TextField → tempat menulis tugas baru

  • ListView → menampilkan daftar tugas

  • Card & ListTile → membuat tampilan daftar yang rapi

  • Checkbox → menandai tugas yang sudah selesai


🛠 Proyek Saya: Aplikasi To-Do List

Saya membuat aplikasi sederhana bernama “To-Do List Flutter”.
Fitur-fiturnya antara lain:
✅ Tambah tugas
✅ Centang tugas selesai
✅ Hapus tugas
💜 Tampilan berwarna ungu lembut agar terlihat elegan

Berikut cuplikan kodenya 👇

// Contoh singkat kode utama void _addTodo() { if (_controller.text.isNotEmpty) { setState(() { _todos.add(Todo(title: _controller.text)); }); _controller.clear(); } }

Dan inilah hasil tampilannya ketika dijalankan di DartPad.dev:

🖼️ (tambahkan screenshot hasil aplikasi di sini)


💬 Pengalaman Belajar

Awalnya sempat muncul beberapa error, tapi setelah mencoba membaca pesan error dan mencari solusi di Google, saya jadi lebih paham cara kerja StatefulWidget dan fungsi setState().

Dari tugas ini, saya belajar bahwa error bukan kegagalan, tapi proses menuju paham 😄


🚀 Kesimpulan

Belajar mandiri dengan Flutter sangat seru!
Selain menambah kemampuan teknis, saya juga belajar logika berpikir sebagai developer.
Dengan latihan seperti ini, saya jadi lebih siap untuk membuat aplikasi yang lebih besar lagi 💪✨

Komentar

Postingan populer dari blog ini

Pengertian, Fungsi, dan Jenis-jenis sistem operasi smartphone

Membuat halaman Data Kelompok Belajar Zapp.run Isa

Isa desain UI UX