Development Flutter

ListTile adalah widget yang disediakan oleh Flutter. Kita coba implementasikan ListTile pada aplikasi Expense Tracker dari modul sebelumnya. Kita juga akan tambahkan fungsi delete transaksi. ListTile dapat digunakan pada expense_list.dart, dimana list dari expense ditampilkan. Karena kita akan menggunakan widget CircleAvatar untuk menampilkan amount expense, akan kurang cocok dengan angka expense yang besar. Oleh karena … Read more

DatePicker adalah widget yang sudah disediakan oleh Flutter. Masih menggunakan aplikasi expense tracker, kita akan tambahkan DatePicker pada form_expense.dart Fungsi showDatePicker memerlukan parameter context, initialDate, firsDate dan lastDate. initialDate adalah tanggal yg aktif saat DatePicker ditampilkan, firstDate adalah tanggal awal yang bisa dipilih dan lastDate adalah tanggal akhir yang bisa dipilih. Pada code dibawah, Date … Read more

Masih menggunakan file project expense tracker. Kali ini kita akan tambahkan image. Image akan ditampilkan jika list expense masih kosong, ditampilkan dibawah tulisan no expense. Tambahkan folder untuk menyimpan file gambar, pada tutorial digunakan folder assets/img (struktur folder dan nama folder tidak ada aturan baku). Untuk file image bisa download disini. Buka pubsec.yaml, tambahkan setting … Read more

Untuk menggunakan custom font, kita perlu menyimpan font yang akan digunakan pada folder project. Masih menggunakan project expense tracker, kita buat folder baru ./assets/fonts (penamaan folder dan struktur tidak ada aturan baku, silakan berikan penamaan sesuai keperluan). Lalu copykan font yang akan digunakan. Sebagai contoh bisa download disini. Font yang digunakan adalah OpenSans dan Quicksand. … Read more