RRI.CO.ID, Bengkulu - Membangun aplikasi mobile sering kali terdengar sulit, terutama bagi pemula. Banyak orang membayangkan proses yang rumit, teknologi yang kompleks, dan waktu belajar yang lama. Namun, dengan Flutter membuat aplikasi mobile bisa menjadi pengalaman yang jauh lebih sederhana dan menyenangkan.

Langkah pertama untuk membuat aplikasi Flutter menginstal Flutter SDK, lalu menambahkan Flutter ke system PATH agar perintah Flutter bisa dijalankan di terminal.

System PATH. (Gambar: RRI)

Setelah itu, pasang Android Studio untuk menyediakan emulator saat menjalankan aplikasi. Pastikan juga untuk memasang plugin Flutter dan Dart di Android Studio.

Android Studio. (Gambar:RRI)

Anda dapat menggunakan Visual Studio Code dengan ekstensi Flutter. Setelah semuanya terpasang, jalankan perintah flutter doctor untuk memeriksa apakah semua konfigurasi sudah benar dan siap digunakan.

Visual Studio. (Gambar:RRI)

Setelah siap, langkah berikutnya adalah membuat proyek Flutter baru. Buka terminal dan arahkan ke folder tempat Anda ingin menyimpan proyek. Lalu jalankan perintah flutter create aplikasi_pertamaku.

Perintah ini secara otomatis membuat struktur folder dan file yang diperlukan untuk aplikasi Anda. Masuk ke folder proyek dengan cd aplikasi_pertamaku, lalu buka proyek ini di editor kode pilihan Anda. Pada tahap ini, Anda akan melihat bahwa Flutter menyediakan beberapa file awal, termasuk file penting bernama lib/main.dart, yang merupakan titik awal aplikasi Anda.

Tampilan Kode Flutter. (Gambar:RRI)

Sebelum menulis kode yang lebih kompleks, ada baiknya memahami struktur dasar proyek Flutter. File main.dart berada di dalam folder lib dan berisi kode yang dijalankan pertama kali ketika aplikasi dibuka.

File ini penting karena di sanalah Anda akan menuliskan semua logika dan tampilan awal aplikasi. Selain itu, ada file pubspec.yaml yang berfungsi untuk mengelola dependensi dan aset aplikasi.

Setelah memahami struktur proyek, saatnya menulis kode Flutter pertama Anda. Di dalam main.dart, Anda akan membuat aplikasi sederhana seperti counter app — aplikasi yang menampilkan angka yang bertambah setiap kali tombol ditekan. Pada inti aplikasinya, Anda akan menggunakan widget seperti MaterialApp, Scaffold, AppBar, dan FloatingActionButton. Widget adalah elemen dasar di Flutter yang digunakan untuk membangun antarmuka pengguna. Misalnya, widget Text digunakan untuk menampilkan teks di layar, sedangkan widget FloatingActionButton menyediakan tombol melayang yang bisa ditekan pengguna.

Dalam contoh aplikasi ini, ada dua jenis widget yang digunakan: StatelessWidget dan StatefulWidget. StatelessWidget digunakan untuk bagian UI yang tidak berubah, sedangkan StatefulWidget cocok untuk bagian UI yang berubah nilainya, seperti nilai penghitung (counter). Ketika tombol ditekan, method setState() dipanggil untuk memberi tahu Flutter bahwa ada perubahan data dan UI harus diperbarui. Fitur ini menunjukkan bagaimana Flutter dapat memperbarui tampilan secara otomatis ketika data berubah, sehingga pengalaman pengguna menjadi lebih responsif.

Tampilan Antarmuka Aplikasi (Gambar:RRI)

Setelah selesai menulis kode, Anda dapat melihat hasil kerja Anda dengan menjalankan aplikasi di emulator atau perangkat nyata menggunakan perintah flutter run. Jika semuanya berjalan dengan baik, Anda akan melihat antarmuka sederhana menampilkan angka dan tombol yang dapat ditekan untuk meningkatkan angka tersebut.