Kamis, 16 Juni 2022

Home » dart » flutter » Tutorial Project Wizard Dengan Flutter

Tutorial Project Wizard Dengan Flutter

Kamis, 16 Juni 2022


Tutorial Project Wizard Dengan Flutter - 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 menjalankannya, dan menggunakan "Hot Reload" setelah Anda melakukan perubahan pada baris perintah aplikasi.
Pilih alat pengembangan (IDE) favorit Anda untuk menulis baris perintah, membangun, dan menjalankan aplikasi Flutter..
  1. Buka Android Studio/IntelliJ.
  2. Pilih File > Start a new Flutter Project.
    2022061512165326be6382398c38993a2942d5ca063548.jpeg
  3. Pilih FlutterApplication sebagai jenis project, dan tekan Next.
    202206151216543d02dc0d25424a4bf304af7594f1833d.jpeg
  4. Masukkan nama project yang ingin dibuat pada Project name. Pastikan Flutter SDK Path sesuai lokasi SDK. Instal SDK jika Anda belum melakukannya. Tentukan di mana project Anda disimpan pada Project location. Deskripsikan project Anda pada Description. 20220615121654a61e3d8df9b49127dee11221962375c8.jpeg
    Jika Anda ingin membuat project dapat diakses ketika sedang offline, centang pada Create project offline. Klik Next.
  5. Masukan nama paket aplikasi yang ingin dibuat pada Package name. Biarkan AndroidX tercentang agar project menggunakan AndroidX. AndroidX sendiri merupakan pengembangan library Android yang terdapat dalam Android Jetpack. Centang Include Kotlin support for Android code untuk membuat project Android-nya menggunakan bahasa Kotlin. Jjika tidak maka akan menggunakan bahasa Java. Centang Include Swift support for iOS code untuk membuat project iOS-nya menggunakan bahasa Swift. Jika tidak maka akan menggunakan bahasa Objective-C. Klik Finish.
    2022061512165363fcd8fd4422db7d972ff1889759d951.jpeg
    Catatan: Nama paket aplikasi bersifat unik dan menjadi ID aplikasi, baik ketika dipublikasikan ke Play Store atau App Store maupun ketika dijalankan di perangkat. Kata terakhir pada nama paket akan menjadi nama pada project Flutter tersebut. Jangan gunakan nama project atau nama terakhir pada nama paket tersebut ‘flutter’ karena akan menimbulkan konflik.
  6. Tunggu beberapa saat sampai Android Studio selesai menginstal SDK, dan membuat project.
  1. Buka Visual Studio Code.
  2. Aktifkan Command Line dengan cara klik View>Command Pallete…
    202206151242592eff382a1199a4a8bd473c449cbabe8e.jpeg
  3. Ketik “Flutter” lalu pilih Flutter: New Project.
    202206151242594a47080630a2543d7d8eb54034c7ddfc.jpeg
  4. Masukkan nama project, dan tekan Enter.
    20220615124258c115bbae4a5c5b7988feffc9decf8b85.jpeg
  5. Buat atau pilih direktori induk untuk folder project baru.
  6. Tunggu beberapa saat sampai VSCode selesai menginstal SDK, dan main.dart. Project Anda berhasil dibuat.
  1. Buka Terminal/CMD.
  2. Gunakan perintah flutter create untuk membuat project baru:


    1. flutter create dicoding

    2. cd dicoding




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

Related Posts

Posting Komentar