Widget Dasar: MaterialApp & Scaffold
Penjelasan
MaterialApp adalah widget PALING LUAR aplikasi Flutter (gaya Material Design ala Google) — menyediakan tema, routing, dan konfigurasi global. Scaffold adalah kerangka satu halaman: menyediakan struktur bawaan untuk AppBar (header), body (konten utama), dan floatingActionButton, TANPA kamu perlu menyusun layout dasarnya dari nol.
Contoh Konsep
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(
home: Scaffold(
appBar: AppBar(title: const Text('CompileDaily Study')),
body: const Center(child: Text('Selamat datang!')),
),
);
}
}Praktikum
Buat aplikasi Flutter dasar dengan MaterialApp membungkus Scaffold, AppBar berjudul "Belajar Flutter", dan body berupa Center berisi Text "Halo dari Flutter!".
Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.
Tips
Di Flutter, SEMUANYA adalah widget — bahkan jarak/padding, alignment, dan warna latar pun dibungkus sebagai widget terpisah (Padding, Center, Container), bukan sekadar properti CSS seperti di web. Konsep "semua widget" ini terasa asing di awal tapi bikin komposisi UI sangat konsisten begitu terbiasa.