Instalasi Flutter

 Sebelum mulai mengembangkan aplikasi menggunakan Flutter, tentunya kita perlu menyiapkan dan menginstal tools apa saja yang dibutuhkan untuk membuat aplikasi Flutter. Untuk melakukan instalasi Flutter, ada perbedaan cara di setiap sistem operasi. Simak caranya berikut ini sesuai dengan sistem operasi yang Anda gunakan:


Persyaratan Minimum

Sebelum melakukan instalasi dan menjalankan Flutter, perangkat milik Anda harus memenuhi persyaratan minimum seperti di bawah ini:

2020061515204436f70d01b7c87b0441de2a2894baddd5.png

Jika Git untuk Windows sudah diinstal, pastikan Anda dapat menjalankan perintah git dari Command Prompt (CMD) atau PowerShell.


Flutter SDK

Setelah persyaratan minimum terpenuhi, Anda dapat mulai melakukan instalasi Flutter SDK. Cara untuk mendapatkan Flutter SDK sebagai berikut:

  1. Unduh paket instalasi untuk mendapatkan versi stabil terbaru dari Flutter SDK di alamat web https://flutter.dev/docs/development/tools/sdk/releases. Ambil versi terbaru pada stable channel sesuai sistem operasi yang digunakan.
  2. Ekstrak berkas zip dan tempatkan folder flutter pada lokasi instalasi yang diinginkan untuk Flutter SDK. Misalnya C:\Development, jangan pasang Flutter di direktori seperti C:\Program Files atau yang membutuhkan hak istimewa seperti administrator.
  3. Temukan berkas flutter_console.bat di dalam direktori flutter tersebut. Mulai dengan klik dua kali atau jalankan script tersebut dan Anda sekarang siap untuk menjalankan perintah Flutter di Flutter Console.202006101131070f740c0b99f5711865b603c906e79bc8.jpeg
  4. Tampilan dari flutter_console.bat seperti di bawah ini:
    2020061011314434d70709c2e6fee6cd9e72ec51c11122.jpeg 


Update Path

Langkah selanjutnya kita akan melakukan update path supaya perintah Flutter bisa digunakan pada command prompt/terminal. Berikut langkah-langkahnya:

  1. Dari bar pencarian di Start menu, ketik ‘env’ dan pilih Edit Environment Variable untuk akun Anda.
    202006101206155a71e83adcf8b6f6215bc177e388f952.jpeg

  2. Klik pada tombol Environment Variables.
    2020061012061449b8a5029acec12bf39f297aa8498824.jpeg

  3. Di bawah User variabel periksa apakah ada entri yang disebut PATH, jika ada maka pilih lalu edit, jika tidak ada maka buat baru dengan nama variabel Path.
    202006101206156459086dbe93f73f44ac9c36920d2372.jpeg

  4. Edit atau tambahkan value-nya dengan direktori Flutter SDK.

    • Jika terdapat entri, tambahkan path lengkap ke flutter\bin menggunakan tanda titik koma (;) sebagai pemisah dari nilai yang ada (jika menggunakan mode edit satu baris).

    • Jika entri tidak ditemukan, buat user variabel baru dan beri nama Path dan beri nilai flutter\bin sebagai nilainya.
      202006101207271e7bef6fb113a55b53786d237bcc8035.jpeg20200610120737ae597d11817c59bc0d02693ac04b96e7.jpeg 

Perhatikan bahwa Anda harus menutup dan membuka kembali semua jendela konsol yang ada agar perubahan dapat terlihat.

Flutter Doctor

Flutter doctor adalah perintah untuk mengecek kelengkapan framework flutter yang Anda gunakan, seperti versi flutter yang digunakan, Android SDK yang digunakan, iOS SDK yang digunakan (hanya pada MacOS), perangkat yang sudah terhubung, dan semacamnya.  Periksa kembali dan pastikan dependensi untuk pengaturan sudah lengkap. Jalankan perintah berikut untuk membuka flutter doctor:

  1. flutter doctor

Perintah ini memeriksa environment Anda dan menampilkan laporan ke jendela terminal. Pada Flutter SDK sudah terdapat Dart SDK, jadi Anda tidak perlu menginstal Dart secara terpisah. Periksa output dengan cermat untuk perangkat lunak lain yang mungkin perlu Anda instal atau melakukan sesuatu lebih lanjut (ditunjukkan dalam teks tebal).

Contoh :

[-] Android toolchain - develop for Android devices

• Android SDK at D:\Android\sdk

**✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ**

• Try re-installing or updating your Android SDK,

    visit https://flutter.io/setup/#android-setup for detailed instructions.

Bagian tersebut menjelaskan cara menyelesaikan proses instalasi Flutter SDK. Setelah memasang dependensi yang hilang, jalankan perintah flutter doctor lagi untuk memverifikasi bahwa Anda telah mengatur semuanya dengan benar.

Popular posts from this blog

Build APK

Image
  Project Flutter yang telah dibuat dapat kita build menjadi berkas .apk yang dapat berjalan di Android. Build APK adalah suatu proses membungkus aplikasi flutter menjadi format .apk yang nantinya untuk diinstal pada perangkat Android. Berikut tahapan ketika build aplikasi Flutter ke APK. AndroidManifest.xml Sebelum mem-build APK, kita akan mengatur berkas  android/app/src/main/AndroidManifest.xml .  AndroidManifest.xml  merupakan sebuah berkas yang berisikan informasi mengenai aplikasi Android yang akan di- build . Informasi-informasi tersebut berupa nama aplikasi, ikon,  permission ,  screen orientation , dan lain-lain. Isi dari  AndroidManifest.xml  seperti berikut: <manifest xmlns:android = "http://schemas.android.com/apk/res/android"      package = "id.eudeka.samples" >      <application          android:name = "io.flutter.app.FlutterApplication"        ...
Read more

Web Deployment

  Pada materi ini kita akan mempelajari bagaimana melakukan build aplikasi flutter untuk platform web. Sama seperti platform android dan ios, informasi untuk pengaturan aplikasi berada pada folder web. Setting Nama Aplikasi Untuk mengatur nama aplikasi, kita bisa membuka berkas  manifest.json . Konfigurasi untuk nama aplikasi dapat Anda temukan dan ubah pada key  name  dan  short_name . {     "name" : "wisata_bandung" ,     "short_name" : "wisata_bandung" } Setting Icon Aplikasi Platform web juga membutuhkan icon dalam berbagai ukuran. Icon untuk web dapat Anda taruh pada folder  /web/icons . Kemudian, Anda perlu mendaftarkannya pada berkas  manifest.json . {     ...     "icons" : [         {             "src" : "icons/Icon-192.png" ,             "sizes" : "192x192" ,             "type" : "image/png...
Read more

Generic

Image
Jika Anda perhatikan pada dokumentasi  collection  seperti  List , sebenarnya tipe dari  List  tersebut adalah  List<E> . Tanda  <...>  ini menunjukkan bahwa  List  adalah tipe  generic , tipe yang memiliki tipe parameter. Menurut  coding convention  dari Dart, tipe parameter dilambangkan dengan satu huruf kapital seperti  E ,  T ,  K , atau  V . Secara umum  generic  merupakan konsep yang digunakan untuk menentukan tipe data yang akan kita gunakan. Kita bisa mengganti tipe parameter  generic  pada Dart dengan tipe yang lebih spesifik dengan menentukan  instance  dari tipe tersebut. Sebagai contoh, perhatikan  List  yang menyimpan beberapa nilai berikut: List <int> numberList = [ 1 , 2 , 3 , 4 , 5 ]; Tipe parameter yang digunakan pada variabel list di atas adalah  int , maka nilai yang bisa kita masukkan adalah nilai dengan tipe  ...
Read more