Proyek Akhir: Aplikasi Daftar Tugas

Merangkai semua yang dipelajari menjadi aplikasi daftar tugas lengkap: tambah, centang, hapus, dan hitungan sisa.

Part 23 dari 23 ± 60 menit Gratis

Saatnya merangkai

Kamu sudah mempelajari bahan-bahannya: class dan List (Dart), widget dan layout, ListView, tombol, state, serta TextField. Di bab ini semuanya digabung menjadi aplikasi sungguhan: Daftar Tugas.

Fitur

Fitur	Dibuat dengan
Mengetik tugas baru dan menambahkannya	`TextField` + `TextEditingController` + `setState`
Menampilkan daftar	`ListView.builder` + `ListTile`
Mencentang tugas selesai	`Checkbox` + `setState`
Menghapus tugas	`IconButton` + `removeAt`
Jumlah tugas yang tersisa di judul	getter yang dihitung dari list

Rancangan data

class Tugas {
  final String judul;
  bool selesai;
  Tugas(this.judul, {this.selesai = false});
}

selesai tidak final karena akan berubah saat dicentang. Daftar tugas disimpan di state: final List<Tugas> _daftar = [];.

Langkah berpikir

Tambah: baca teks dari controller, abaikan bila kosong, tambahkan ke list di dalam setState, lalu kosongkan controller.
Centang: Checkbox memberi nilai baru lewat onChanged; simpan di t.selesai dalam setState. Nilainya bertipe bool? sehingga dipakai v ?? false ("bila null, anggap false").
Hapus: _daftar.removeAt(index) dalam setState.
Sisa: _daftar.where((t) => !t.selesai).length. Ini nilai turunan: dihitung saat tampilan dibangun, tidak perlu disimpan terpisah.

Setelah ini

Menyimpan permanen: paket shared_preferences (data sederhana) atau sqflite/drift (database).
Navigasi lanjut: paket go_router.
State management lanjut: Provider, Riverpod, atau Bloc.
Merilis aplikasi: flutter build apk --release (Android) atau flutter build appbundle untuk Google Play. Ganti nama dan ikon aplikasi lewat pubspec.yaml dan folder android/.
Terus berlatih dengan membuat aplikasi kecil buatanmu sendiri: catatan harian, kalkulator, atau pencatat pengeluaran.