Project Wizard

 Setelah berhasil menginstal Flutter SDK dan IDE artinya peralatan yang kita butuhkan telah siap. Bagian ini akan menjelaskan langkah-langkah untuk membuat aplikasi Flutter baru, mulai dari template, cara aplikasi, dan menggunakan "Hot Reload" setelah Anda melakukan perubahan kode aplikasi.

Pilih alat pengembangan (IDE) favorit Anda untuk menulis baris perintah, membangun, dan menjalankan aplikasi Flutter.

  1. Buka Android Studio/IntelliJ.
  2. Pilih New Flutter Project.
    dos:adb57548d96a271d7eea4905a83680d720220328134632.jpeg
  3. Pilih Flutter SDK path yang tersedia. Jika path tidak tersedia, klik tombol titik tiga untuk cari direktori Flutter SDK. Kemudian klik tombol Next.
    dos:ed3119c9df34a769d89b64b9ea9da83120220328134712.jpeg
  4. Masukkan nama proyek yang ingin dibuat pada Project name. Tentukan di mana proyek Anda disimpan pada Project location. Deskripsikan proyek Anda pada kolom Descriptions. Pilih Application pada kolom Project type untuk membuat aplikasi Flutter. Masukkan nama domain yang ingin dibuat pada Organization. Pilih Kotlin untuk membuat proyek Android-nya menggunakan bahasa Kotlin dan Swift untuk membuat proyek iOS-nya menggunakan bahasa Swift.
    dos:49382940122ef6e061d5e6dc73e820d120220328134805.jpeg
    Centang Platform yang ingin dikembangkan saat proyek Flutter dibuat, misal Anda ingin mengembangkan platform Android dan iOS, centang hanya keduanya saja. Selanjutnya, centang pada Create project offline jika Anda ingin membuat proyek dapat diakses ketika sedang offline. Klik Finish.
  5. Tunggu beberapa saat hingga Android Studio selesai membuat project.

Perintah di atas membuat direktori project Flutter yang berisi aplikasi demonstrasi sederhana menggunakan Material Components.

Tips: Kode Dart untuk aplikasi Anda ada di lib/main.dart. Untuk deskripsi lebih lanjut tentang apa yang dilakukan setiap blok kode, lihat komentar yang ada di dalam file tersebut.

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