Development Flutter

Pada modul ini kita akan membuat custom widget untuk menampilkan bar chart. Untuk itu kita buat file widget baru yaitu: chart.dart untuk menampilkan chart. chart_bar.dart untuk perhitungan dan styling bar dari chart. Pada main.dart, kita panggil widget untuk menampilkan chart. Penjelasan Code coming soon… Pembahasan project Aplikasi Expense Tracker berakhir di modul ini. Namun aplikasi … Read more

Pada main.dart digunakan stateful widget, karena proses render ulang tampilan dihandle disini. Pembahasan Code Fungsi untuk menambahkan data yang diinput user kedalam list dan mentrigger setState() untuk melakukan render ulang tampilan. Kita gunakan widget IconButton yang akan tampil disisi kanan atas, dan FloatingActionButton akan tampil dibawah. Ketika button ini ditekan, form input expense akan tampil. … Read more

Pada modul ini kita akan membahas styling pada file form_expense.dart. Seperti keyboard setting dan validasi input. Untuk melakukan validasi, kita buat fungsi baru dalam class FormExpense. Memeriksa jika title kosong dengan fungsi isEmpty dan memeriksa amount <= 0, maka perintah addExpneseH tidak dipanggil. Sementara untuk setting keyboard, agar input amount menampilkan keyboard numeric, dapat diatur … Read more

Kita akan membahas widget ListView pada file expense_list.dart. ListView adalah widget untuk menampung widget dengan salah satu kelebihannya adalah scrollable, dapat mencegah issue error tampilan overflowed. Error tampilan overflowed adalah area patern kuning hitam (lihat gambar dibawah) Agar listview dapat berfungsi dengan tepat, column harus diwrap dulu dalam container, untuk menentukan height dari list yang … Read more