Development Flutter

Switch Widget adalah widget yang berfungsi layaknya saklar on/off. Dapat kita gunakan untuk menampilkan atau tidak menampilkan suatu widget. Untuk kasus aplikasi expense tracker, jika orientasi device adalah landscape, tampilan dari aplikasi akan menjadi berantakan. Pendekatan yang dilakukan adalah mengunci orientasi device selalu portrait (lihat modul sebelumnya untuk mengatur orientasi). Atau kita buat alternative tampilan … Read more

LayoutBuilder memungkinkan kita mengatur tinggi atau lebar children widget berdasarkan constraint maxheight atau maxwidth. Setelah menggunakan LayoutBuilder kita bisa menampilkan bar chart yang mengambil tinggi dengan propors yang kita atur dari widget chart. (lihat gambar dibawah). Buka file chart_bar.dart, atur tinggi chart proporsional terhadap maximum height total seluruh tinggi chartwidget yang diperoleh dari constraints.maxHeight. Pada … Read more

Mengatur orientasi device pada flutter sangat mudah. Fungsi yang digunakan adalah setPreferredOrientations. Untuk itu perlu import library service.dart. Untuk mengatur orientasi device pada flutter dilakukan saat pertama kali flutter app dijalankan, yaitu pada main function di main.dart Code diatas akan mengunci aplikasi hanya berjalan pada mode portrait.

Jika Anda pernah develop web, tentu istilah MediaQuery tidak asing lagi. Dengan menggunakan MediaQuery, kita bisa mendapatkan informasi ukuran suatu object. Mari kita coba implementasikan untuk aplikasi expense tracker. Buka file main.dart, lalu tambahkan code berikut. MediaQuery.of(context).padding.top adalah untuk mendapatkan tinggi system status bar diatas (yang berisi info jaringan, jam, batterai dan lainnya) MediaQuery.of(context).size.height adalah … Read more