Mengenal Flutter

Apa itu Flutter?

Flutter adalah toolkit buatan Google untuk membuat aplikasi yang tampil bagus dan berjalan cepat di banyak perangkat sekaligus: Android, iOS, web, dan desktop — cukup dari satu kode. Bayangkan kamu menulis satu resep, lalu dapurnya otomatis menyajikan hidangan yang sama untuk semua pelanggan.

Flutter dipakai oleh banyak aplikasi besar, misalnya aplikasi bank, e-commerce, dan layanan tiket. Bahasa yang dipakai Flutter bernama Dart, juga buatan Google. Dart mudah dipelajari, terutama kalau kamu pernah mengenal Java, JavaScript, atau C#.

Mengapa banyak orang memilih Flutter?

• Satu kode, banyak platform. Tidak perlu menulis ulang untuk Android dan iOS.
• Hot Reload. Setelah mengubah kode, hasilnya muncul di layar dalam hitungan detik, tanpa mengulang aplikasi dari awal. Sangat nyaman untuk belajar.
• Tampilan konsisten. Flutter menggambar sendiri semua yang ada di layar, jadi aplikasimu terlihat sama di berbagai HP.
• Gratis dan open source, dengan komunitas yang besar.

Semuanya adalah widget

Ide paling penting di Flutter: tampilan dibangun dari widget. Teks adalah widget. Tombol adalah widget. Bahkan pengatur posisi (misalnya "taruh di tengah") juga widget. Seperti menyusun balok Lego: balok kecil digabung menjadi bagian, bagian digabung menjadi halaman, halaman menjadi aplikasi.

Center(                          // widget: taruh anaknya di tengah
  child: Text('Halo, Flutter!'), // widget: menampilkan teks
)

Perhatikan pola child: — sebuah widget "membungkus" widget lain. Kamu akan sering melihat pola ini.

Program Flutter terkecil

import 'package:flutter/material.dart';

void main() {
  runApp(
    const Center(
      child: Text('Halo, Flutter!', textDirection: TextDirection.ltr),
    ),
  );
}

• import 'package:flutter/material.dart'; — memanggil pustaka Flutter yang berisi widget.
• void main() — pintu masuk: program Dart selalu mulai dari fungsi main.
• runApp(...) — "jalankan aplikasi dengan widget ini sebagai tampilan utama".
• textDirection: TextDirection.ltr — arah tulisan kiri ke kanan. Teks yang berdiri sendiri (tanpa MaterialApp) butuh informasi ini. Di bab 2 kamu akan memakai MaterialApp sehingga tidak perlu menulisnya lagi.

Cara berlatih di KelasIT

Kode Flutter butuh emulator atau HP untuk dijalankan, sehingga di kotak latihan kodemu diperiksa (sintaks Dart dan struktur widget-nya), bukan dijalankan. Setiap latihan berisi bagian bertanda ___ yang harus kamu isi; jawabannya tersedia di tombol petunjuk bila kamu buntu. Setelah lulus, salin kodenya ke proyek Flutter di komputermu (dipasang di bab berikutnya) untuk melihat tampilannya.