Tutorial Flutter Pemula: Buat App Android Pertama Anda

Ingin membuat aplikasi Android sendiri tapi bingung mulai dari mana? Tenang! Melalui tutorial Flutter ini, kamu akan belajar langkah demi langkah cara membuat aplikasi Android pertamamu dengan mudah, bahkan jika kamu belum pernah ngoding sebelumnya.

Flutter adalah framework open-source dari Google yang digunakan untuk membangun aplikasi mobile, web, dan desktop hanya dengan satu basis kode. Artinya, kamu cukup menulis satu kali kode — lalu bisa dijalankan di Android maupun iOS. Simpel banget, kan?

Mengapa Flutter Cocok untuk Pemula?

Bagi kamu yang baru mulai belajar pemrograman, Flutter punya banyak kelebihan:

Mudah dipelajari. Bahasa pemrogramannya, Dart, memiliki sintaks yang mirip dengan JavaScript dan Java.
Hasil instan. Fitur hot reload membuat kamu bisa langsung melihat perubahan di aplikasi tanpa perlu build ulang.
Banyak dokumentasi & komunitas aktif. Ada banyak contoh dan forum diskusi yang membantu kamu saat menemui kendala.

Jadi, kalau kamu ingin cepat membuat aplikasi Android yang modern dan keren, Flutter adalah pilihan tepat.

Langkah 1: Instalasi Flutter & Dart

Langkah pertama dalam tutorial Flutter ini adalah menyiapkan lingkungan kerja.

1. Unduh Flutter SDK

Kunjungi situs resmi Flutter di https://flutter.dev dan pilih versi sesuai sistem operasi kamu:

Windows: Unduh file .zip, lalu ekstrak ke lokasi yang kamu inginkan, misalnya C:\src\flutter.
macOS/Linux: Gunakan terminal untuk mengekstrak file dan tambahkan Flutter ke PATH.

2. Instal Dart SDK

Dart sudah otomatis terinstal saat kamu memasang Flutter SDK, jadi kamu tidak perlu menginstalnya secara terpisah.

3. Tambahkan ke PATH

Pastikan direktori flutter\bin sudah ditambahkan ke PATH environment variables agar perintah flutter bisa dikenali di terminal atau CMD.

4. Cek Instalasi

Buka Command Prompt atau Terminal, lalu jalankan perintah berikut:

flutter doctor

Jika semuanya terpasang dengan benar, kamu akan melihat hasil seperti ini:

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.x.x)
[√] Android toolchain - develop for Android devices
[√] Android Studio (version ...)
[√] Connected device (1 available)

Jika ada tanda silang (X), Flutter akan memberikan petunjuk apa yang harus diperbaiki.

Langkah 2: Membuat Project Pertama

Setelah instalasi beres, sekarang saatnya membuat proyek pertama kita!

1. Buat Proyek Baru

Buka terminal dan jalankan:

flutter create hello_flutter

Perintah ini akan membuat struktur proyek Flutter dengan nama hello_flutter.

2. Buka Proyek di Editor

Buka proyek tersebut di Android Studio atau Visual Studio Code.

Struktur folder utama akan terlihat seperti ini:

lib/
  main.dart        # File utama tempat kode aplikasi ditulis
android/           # File khusus untuk Android
ios/               # File khusus untuk iOS
pubspec.yaml       # File konfigurasi untuk dependensi

Semua logika utama aplikasi akan kamu tulis di file lib/main.dart.

Langkah 3: Mengenal Widget Dasar

Salah satu hal paling penting dalam Flutter adalah widget.
Semua yang kamu lihat di layar — tombol, teks, gambar, bahkan layout — semuanya adalah widget.

1. Jenis Widget

StatelessWidget: Tidak memiliki perubahan data, cocok untuk tampilan statis seperti teks atau ikon.
StatefulWidget: Bisa berubah seiring interaksi pengguna, seperti tombol yang bisa diklik atau counter.

2. Contoh Kode Flutter Sederhana

Berikut contoh aplikasi sederhana “Hello World” menggunakan Flutter:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Tutorial Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Hello Flutter'),
        ),
        body: Center(
          child: Text(
            'Halo Dunia!',
            style: TextStyle(fontSize: 24),
          ),
        ),
      ),
    );
  }
}

Jika kamu menjalankan aplikasi ini, kamu akan melihat teks “Halo Dunia!” muncul di tengah layar.

Langkah 4: Menjalankan Aplikasi di Emulator

Setelah kode siap, sekarang waktunya menjalankan aplikasi.

1. Siapkan Emulator Android

Buka Android Studio
Pilih Tools > Device Manager > Create Device
Pilih tipe perangkat (misalnya Pixel 6)
Unduh sistem image (misalnya Android 13)
Jalankan emulatornya

2. Jalankan Aplikasi

Setelah emulator aktif, jalankan perintah berikut di terminal:

flutter run

Atau, di Android Studio, klik tombol Run ▶️.
Tunggu beberapa detik, dan tadaaa! Aplikasi Flutter pertamamu muncul di layar emulator.

Kalau kamu ingin menjalankan di HP asli, sambungkan perangkat dengan kabel USB dan aktifkan USB Debugging di pengaturan pengembang.

Kesimpulan

Selamat! 🎉 Kamu baru saja menyelesaikan tutorial Flutter dasar dan berhasil membuat aplikasi Android pertamamu.
Kita sudah belajar:

Cara menginstal Flutter dan Dart
Membuat proyek baru
Memahami widget dasar
Menjalankan aplikasi di emulator

Langkah selanjutnya, kamu bisa mulai bereksperimen dengan tampilan dan interaksi yang lebih kompleks — misalnya menambahkan tombol, gambar, atau navigasi antar halaman.

Flutter memberikan kebebasan besar untuk berkreasi. Jadi, teruslah belajar dan ciptakan aplikasi yang kamu impikan!