Flutter: Framework Cross-Platform Google untuk Aplikasi Mobile & Web

flutter

Flutter: Framework Cross-Platform Google untuk Aplikasi Mobile & Web - Flutter adalah framework open-source yang dikembangkan oleh Google untuk membangun aplikasi mobile, web, dan desktop dari satu basis kode (codebase) yang sama. Dengan Flutter, developer bisa membuat aplikasi Android dan iOS secara bersamaan tanpa harus menulis dua kode terpisah.

Apa Itu Flutter?

Flutter pertama kali diperkenalkan oleh Google pada tahun 2017 dan telah berkembang pesat sejak saat itu. Flutter menggunakan bahasa pemrograman Dart yang juga dikembangkan oleh Google, yang dirancang khusus untuk membangun antarmuka pengguna yang indah dan responsif.

Keunggulan Flutter:

• Single Codebase: Kembangkan untuk Android, iOS, web, dan desktop dari satu basis kode
• Hot Reload: Lihat perubahan kode secara instan tanpa merestart aplikasi
• UI Kustom yang Kaya: Kemudahan membuat antarmuka yang indah dengan widget yang dapat disesuaikan
• Performa Tinggi: Kompilasi ke kode native untuk performa optimal
• Komunitas yang Besar: Didukung oleh Google dan komunitas developer yang aktif

Contoh Kode Dasar Flutter

Berikut adalah contoh sederhana aplikasi Flutter yang menampilkan teks "Hello World" di tengah layar:

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: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatelessWidget {
  final String title;
  
  const MyHomePage({super.key, required this.title});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(title),
      ),
      body: Center(
        child: Text(
          'Hello World!',
          style: Theme.of(context).textTheme.headline4,
        ),
      ),
    );
  }
}