Belajar Flutter Pemula : Bahasa Indonesia

Memulai Pemrograman dengan Flutter

flutter pemula, bahasa indonesia

Flutter adalah sebuah framework aplikasi mobil sumber terbuka yang diciptakan oleh Google. Flutter digunakan dalam pengembangan aplikasi untuk sistem operasi Android dan iOS, serta menjadi metode utama untuk membuat aplikasi Google Fuchsia. sumber wikipedia

Instalasi Flutter

pada modul ini hal yang pertama kali dilakukan yaitu dengan menginstall flutter terlebih dahulu.

persiapan :

1. Visual Studio Code / Android Studio : https://code.visualstudio.com
2. Library Flutter & Dart

terdapat 2 aplikasi untuk coding aplikasi flutter yaitu android studio dan visual studio code

Android Studio :

untuk pengguna android studio , silahkan ikuti langkah-langkah nya :

1. Jalankan Android Studio
2. Buka Plugin (Setting -> Plugin-> browse repositories) cari flutter plugin
3. install plugin tersebut kemudian restart android studio

Visual Studio Code :

caranya yaitu :

1. buka VS Code
2. ketik ctrl+shift+p
3. ketik install extensions, kemudian cari flutter
4. install

Flutter Doctor

pada flutter ini terdapat fitur yang sangat bermanfaat yaitu flutter doctor, cara nya :

1. tekan tombol ctrl+shift+p
2. ketik flutter doctor
3. akan muncul output seperti dibawah ini :

Membuat Project

untuk cara membuat project nya

Android Studio

cara membuat project flutter di Android studio :

1. buka Android Studio, pilih start a new flutter project

1. pilih flutter application
2. Cari project flutter , kalau belum terinstall silahkan install sd
3. beri nama project nya, untuk contoh nya myapp, kemudian klik next
4. finish

nah itu untuk android studio

Visual Studio Code

aplikasi selanjutnya yaitu menggunakan vs code, untuk langkah-langkah nya :

1. buka aplikasi vs code
2. ketik , ctrl + shift + p, ketik flutter new project

1. buat nama project sama seperti android studio
2. kemudian cari folder untuk menyimpan project tersebut
3. selesai

Menjalankan Project Pertama

pada bab sebelumnya kita telah membuat sebuah project, nah pada kali ini kita akan mencoba running aplikasi yang telah dibuat tadi.

1. buka project yang sudah dibuat / atau juga bisa membuat baru
2. pastikan sudah ada device yang tersambung
3. kemudian pilih device yang akan di debug
4. pilih start debugging

Hot Reload

Hot reload flutter mempunyai fitur pengembangan cepat / hot reload , yang dimana saat kita memperbarui kode kita tidak perlu membuild lagi aplikasi nya jadi seperti koding di web

contoh nya seperti ini

Widget

widget merupakan komponen yang ada atau harus dipakai ketika menggunakan flutter. di flutter sendiri terdapat 2 widget yaitu stateless dan statefull.

Stateless Widget

stateless widget atau yang sering yang dikenal dengan widget yang statis artinya widget tersebut bersifat tetap tidak berubah. misal kita membuat sebuah aplikasi menampilkan angka , namun aplikasi tersebut tidak mempunyai fungsi , jadinya kita harus menggunakan stateless widget

Statefull Widget

nah untuk widget yang satu ini kebalikan nya dari stateless widget, widget ini bersifat dinamis, misal kita di aplikasi kita terdapat fungsi fungsi yang harus dipanggil. stateful inilah yang perlu kita buat untuk menampung fungsi-fungsi nya.