Ngopi Ngoding Ngoprek Flutter Bagian 4 : Hot Reload

Hot Reload di Flutter artinya adalah merubah tampilan aplikasi saat sedang dijalankan, sehingga tidak perlu membuild dan menginstall ulang aplikasi setiap ingin melihat perubahan pada hasil kodingan, sehingga developing aplikasi bisa cepat selesai.

 Pertama, buka Android Studio, kemudian buka folder android yang berada di dalam folder project fulter yang sedang Anda kerjakan, lalu jalankan emulator genymotion melalui Android Studio, silahkan lihat pembahasan sebelumnya jika Anda lupa, jika sudah, buka Visual Studio

 Buka folder project flutter

Klik Terminal > New Terminal di toolbar

Pada terminal yang terbuka, ketik Flutter Devices, jika muncul tulisan connected device maka flutter Anda sudah terkoneksi ke emulator yang sudah dijalankan, jika belum, maka ulangi lagi dari langkah sebelumnya, dan terkadang Anda akan mendapati terminalnya tidak mengeluarkan balikan apapun, jika itu terjadi maka, jika Anda menggunakan Windows, tekan Ctrl+C lalu tekan Y untuk keluar dari proses yang sedang berjalan lalu ulangi mengetik Flutter Devices, lakukan hal yang sama pada perintah lain di lain waktu jika Anda menemukan kendala serupa.

Kemudian ketik flutter attach, tunggu hingga tulisan waiting muncul

Kemudian jalankan aplikasi di emulator, perhatikan apakah terminal memunculkan tulisan synching

Jika tulisan synching belum muncul2, close aplikasi di emulator kemudian jalankan ulang flutter attach, terus lakukan hingga tulisan synching muncul. Kemudian akan muncul tulisan bagaimana cara melakukan hot reload

Pada tulisan diatas dapat disimpulkan bahwa kita bisa menekan tombol r kecil untuk melakukan hot reload(reload page/halaman aplikasi yang sedang dibuka) atau hot restart(memulai ulang aplikasi), pada artikel ini kita akan menggunakan hot reload. Kembali ke Visual Studio Code kemudian lakukan perubahan pada file lib/main.dart, contohnya pada aplikasi ini kita akan merubah tulisan inggris ke indonesia.

Rubah skrip pada baris dan file diatas sesuai keinginan Anda, kemudian tekan r kecil pada terminal, maka tampilan aplikasi yang dijalankan di emulator akan berubah

Anda bisa melakukan hot reload pada semua elemen, bukan hanya text, tapi juga bisa gambar, text area, field, tombol dan lain-lain. Kita akan banyak memakai reload pada pelajaran-pelajaran berikutnya