Flutter Mini Project - Membuat Aplikasi Sederhana #2 | Koding Indonesia

Flutter Mini Project – Membuat Aplikasi Sederhana #2

Jangan lupa baca artikel sebelumnya ya teman-temanFlutter Mini Project – Membuat Aplikasi Sederhana #1
Jika sudah yuk lanjut baca artikel ini…

1. Introduction

Flutter merupakan sebuah SDK atau Software Development Kit yang dibuat oleh google untuk mengembangkan aplikasi dengan desain yang menarik untuk mobile, webdan desktop.

Pada artikel ini, kita akan menambahkan fungsi di aplikasi flutter yang sebelumnya sudah kita buat. Kita juga akan membuat halaman kedua (disebut route) yang dapat dinavigasikan oleh pengguna. Terakhir, kita akan dapat memodifikasi tema aplikasi (warnanya).

Apa yang akan kita pelajari?

  1. Development aplikasi flutter yang terlihat natural di iOS, Android, dan web
  2. Menggunakan ⚡ Hot Reload untuk siklus pengembangan yang lebih cepat
  3. Menambahkan interaktivitas ke widget stateful
  4. Membuat navigasi ke second screen
  5. Mengubah tampilan aplikasi menggunakan tema

Apa yang akan kita buat?

Kita akan mulai dengan aplikasi sederhana yang menghasilkan daftar nama, kemudian ditampilkan tanpa batas untuk perusahaan startup. Di akhir artikel ini, pengguna dapat memilih dan membatalkan pilihan nama, lalu menyimpan yang terbaik. Mengetuk ikon daftar di kanan atas atas aplikasi yang menavigasikan pengguna ke halaman baru (disebut route) dan hanya mencantumkan nama-nama favorit yang sudah dipilih.

GIF animasi berikut menunjukkan bagaimana aplikasi yang sudah selesai akan bekerja.

7fcab088cd22cff7.gif

2. Menyiapkan Lingkungan Pengembangan Flutter

Jika teman-teman ada yang belum menyelesaikan bagian 1, lihat pada bagian ini ➡ Menyiapkan Lingkungan Pengembangan Flutter, agar teman-teman dapat ikut mengembangkan aplikasi pada artikel ini.

Halaman Berikutnya…

Author avatar
Anton Prafanto
Konten developer kodingindonesia.com & staf pengajar tetap di Universitas Mulawarman Samarinda