Monday, September 14, 2020

Flutter Hello Word - Cara Menginstal Flutter di Android Studio Windows

Tags

 


Flutter adalah Mobile App SDK (Software Development Kit) untuk membuat aplikasi Android dan iOS dari satu codebase dengan performa tinggi. Artinya kita hanya perlu mempelajari Flutter untuk membangun aplikasi mobile untuk 2 platform.

Berikut Cara menginstal FLutter ke Android Studio Windows

1. Download SDK Flutter DISINI  
    Untuk pemula, saya sarankan untuk memilih Futter SDK versi terbaru (paling atas) dengan tipe             Stable Channel.



2. Ekstrak file ZIP/RAR Flutter SDK yang sebelumnya telah anda unduh, ke dalam direktori folder yang anda inginkan. EX : (D:\SDK_Flutter) agar mudah diingat.

3. Buka Android Studio Anda dan sampai di halamn Awal.


4. Pilih menu Connfig > Plugins


5. Jika sudah muncul Jendela Plugin, setelah itu pilih tab Marketplace,  Cari dengan kata kunci flutter. Lalu tekan tombol Install


6. Jika Mendapatkan Notifikasi berikut ini, pilih saja "Yes", Jika ada pertanyaan selanjutnya pilih lagi "Yes"


7. Tunggu Proses Pemasangan Plugin flutter hingga selesai, Setelah itu Klik Tombol "Restars IDE" Tunggu sampai android studio restar ulang.



8. Setelah Restart Maka ada perbedaan di Welcome Android Studio, Yaitu New Project Flutter :


Oke, Langsung saja proses instalasi Flutter di dalam Android Studio telah selesai. Kemudian kita akan membuat project baru Flutter untuk pertama kali.

9.  Pilih Start a new FLutter project pada halaman awal anda


10. Kemudian Pilih "Flutter Aplication" lalu klik "Next".


Stelah itu akan muncul jendela baru berikut: 




11. Silahkan beri project name sesuai dengan keinginan anda. Lakukan penamaan dengan menggunakan huruf kecil dan tanpa spasi.


12. Lanjut pada bagian flutter SDK path, Tentukan direktori penyimmpanan folder Flutter SDK yang telah di Extrak tadi di awal.


Lalu Pilih lokasi Klik pada ... untuk memilih lokasi SDK Flutternya



13. Untuk Project location, silahkan tentukan sendiri untuk project anda, Rekomndasikan untuk nama folder tidak memaki spasi.


14. Jika semua konfigurasi sudah selesai, silahkan klik "Next".



15. Kemudian pada jendela selanjutnya anda harus mentukan package atau domaun aplikasi anda, Untuk bagaian AndroidX  sebaiknya diceklis dan yang  Platform channel language tidak perlu di ceklis.



16. Jika sudah selesai maka klik finish dan tunggu sampai proses buildingnya hingga selesai, dan akan tampil sebuah project baru flutter hello word anda.



-----Selamat Project Baru Flutter anda sudah berhasil------


Lanjut untuk proses selanjutnya yaitu 

17. Dalam Android Studio buka menu Tools > Flutter > Flutter Doctor Seperti di bawah ini : 



18. Setelah itu pada tab Messages, pada gambar berikut : 


Dalam Masalah milik saya, issues yang di dapat adalah sbb : 



Penyebab issues tersebut adalah:
Some Android licenses not accepted…. : Saya diharuskan menyetujui lisensi (syarat & ketentuan) dari Android terlebih dahulu.
No devices available : Tidak ada perangkat ponsel Android yang terhubung ke komputer saya.
Jika pernyataan issues milik anda berbeda dengan saya, maka silakan lakukan problem solving sesuai issues yang anda temukan, melalui StackOverflow atau penelusuran di Google.


19. Untuk mengatasi issues tersebut, bukalah tab Terminal, kemudian masuklah ke folder “bin” dalam direktori penyimpanan Flutter SDK anda. Contoh lokasi milik saya adalah: E:\ANDROIDFLUTTER\flutter\bin

Pada tab Terminal Ketik perintah berikut cd E:\ANDROIDFLUTTER\flutter\bin  lalu tekan enter

Setelah masuk folder “bin”, ketiklah perintah flutter doctor --android-licenses seperti berikur :



20. Berikan Inputan atau jawab "y" semuanya pertanyaan untuk menyetujui licensi nya 







21. Lalu Ketuk ulang perintah flutter doctor lagi untuk mengecek apakah issues yang tadi sudah berhasil di perbaiki ata ubelumnya.



Jika semua sudah muncul tampil sperti punya saya diatas maka sudah selesai, dan anda siap untuk belajar flutter untuk next levelnya. 

Selamat mencoba, semoga berhasil dan bermanffat bagi semua pembacat.


#flutter  #androidstudio #androidStudioPlugins #flutterforwindows















































EmoticonEmoticon