Materi: Pengembangan Aplikasi Bergerak dengan Flutter

Gambar Ilustrasi Flutter

**Flutter** adalah UI *toolkit* yang dikembangkan oleh Google untuk membangun **aplikasi *native* yang indah dan berperforma tinggi** secara *cross-platform* (Android, iOS, web, dan desktop) dari satu basis kode tunggal. Dengan Flutter, Anda menulis kode menggunakan bahasa **Dart**, yang dikompilasi langsung ke kode *native*, menghilangkan kebutuhan untuk jembatan JavaScript dan menghasilkan performa yang sangat cepat. Fitur *Hot Reload* dan *Hot Restart* Flutter juga mempercepat proses pengembangan, memungkinkan Anda melihat perubahan UI secara instan.

Pendekatan Flutter yang berpusat pada **widget** memungkinkan Anda membangun antarmuka pengguna yang kompleks dan kustom dengan mudah. Setiap elemen di Flutter, mulai dari teks dan gambar hingga tata letak dan animasi, adalah widget. Dengan menyusun widget-widget ini seperti balok Lego, Anda dapat menciptakan desain yang unik dan responsif. Kemampuan Flutter untuk menargetkan berbagai platform dengan basis kode yang sama menjadikannya pilihan menarik bagi pengembang yang ingin mencapai jangkauan luas tanpa mengorbankan kualitas atau performa aplikasi.

Contoh Kode Flutter Sederhana

Berikut adalah contoh aplikasi "Hello World" sederhana dalam Flutter:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Aplikasi Flutter Saya',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Halo Dunia!'),
        ),
        body: const Center(
          child: Text(
            'Selamat Datang di Flutter!',
            style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
          ),
        ),
      ),
    );
  }
}
← Kembali ke Semua Materi