Flutter adalah sebuah framework atau SDK (Software Development Kit) yang diciptakan oleh Google untuk pengembangan aplikasi mobile Android dan IOS menggunakan bahasa pemrograman Dart.
Kita bisa langsung build ke Android dan IOS hanya dengan satu source code saja. Salah satu fitur yang sangat bagus menurut saya adalah fitur hot reload.
Hot reload memungkinkan kita menulis code seperti di web, setiap ada perubahan kita simpan, maka tampilan akan langsung berubah. Ini tentu sangat menghemat waktu dalam mengembangkan aplikasi.
Contoh aplikasi yang dibuat dengan Flutter :
- Tencent
- Google Asisstant
- Google AdWords
- Alibaba
Untuk memulai mengembangkan aplikasi menggunakan Flutter kita perlu menyiapkan beberapa hal :
- Java Development Kit (JDK)
- Android Studio
- Android SDK
- Flutter SDK
- Teks Editor
Install JDK
Karena kita butuh Android Studio untuk menginstal Android SDK, maka kita juga harus install Java JDK terlebih dahulu.
Silahkan download dan install Java JDK di DISINI. Sesuaikan dengan spesifikasi PC kita ya.
Lakukan instalasi software pada umumnya, tekan next hingga selesai.
Install Android Studio
Selanjutnya kita install Android Studio untuk install Android SDK, kita juga bisa membuat aplikasi Flutter dengan IDE ini, tapi saya lebih prefer menggunakan Teksi Editor VS code karena lebih ringan.
Silahkan download dan install Android Studio DISINI.
Lakukan instalasi software pada umumnya, tekan next hingga selesai.
Install Android SDK
Sebenarnya kita bisa saja langsung download Android SDK tanpa Android Studio, tapi supaya kita selalu mendapatkan update mengenai Android SDK, lebih baik kita install Android Studio juga.
Install Android SDK terbaru dengan cara :
- Buka Android Studio
- Klik icon SDK Manager
- Pilih sdk platform yang ingin di instal, kemudian klik apply
Install Flutter SDK
Setelah berhasil install Android SDK, akhirnya kita akan setup Flutter dengan install Flutter SDK.
Silahkan download Flutter SDK DISINI .
Berbeda dengan instalasi JDK dan Android Studio, untuk instalasi Flutter SDK pertama kita extract dulu hasil download tersebut ke directory (bebas) E: misalnya.
Buka System Properties , bisa dengan cara search ‘env’ kemudian pilih Environment Variables
Pilih Path kemudian Edit
Tambahkan environment variabel pada path folder bin flutter yang sudah kita install
Kemudian kembali ke folder flutter kita tadi, buka file flutter_console. Akan muncul tampilan seperti berikut :
Jika muncul tampilan seperti di atas maka flutter sudah siap digunakan.
Install Teks Editor
Langkah terakhir adalah kita akan install teks editor Visual Studio Code, kita akan mengembangkan aplikasi Flutter menggunakan Visual Studio Code karena lebih ringan.
Silahkan downloadn dan install Visual Studio Code DISINI. Sesuaikan dengan spesifikasi PC kita ya.
Lakukan instalasi software pada umumnya, tekan next hingga selesai.
Jika sudah selesai instalasi, buka Visual Studio Code, kita memerlukan sedikit setup pada Visual Studio Code untuk integrasi dengan Flutter.
Klik menu extension, kemudian muncul kotak search. Kita perlu install Dart dan Flutter terlebih dahulu.
Pertama search Dart, kemudian install.
Kemudian search Flutter dan install.
Sampai tahap ini, kita sudah selesai setup semua kebutuhan software untuk membuat aplikasi menggunakan Flutter.
Untuk membuat project pertama, tekan tombol ctrl+shift+p, kemudian pilih Flutter : New Project.
Kemudian akan muncul text field berisi nama project yang akan kita buat, kita akan beri nama hellow_world.
Setelah memberi nama project, maka kita akan diarahkan untuk menyimpan folder project kita.
Tekan tombol Select a folder to create project in, maka project akan otomatis generated. Project pertama kita sudah berhasil dibuat, sekarang kita bisa menjalankan di emulator maupun langsung di device.
