Membuat Aplikasi Sederhana ‘Hello World’
Buka file lib/main.dart, lalu ubah kode menjadi berikut:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Pertama',
home: Scaffold(
appBar: AppBar(
title: Text('Halo Flutter!'),
),
body: Center(
child: Text(
'Hello World, saya belajar Flutter!',
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
),
),
),
);
}
}
Penjelasan:
- main() → Fungsi utama aplikasi Flutter.
- MaterialApp → Widget utama untuk aplikasi berbasis Material Design.
- Scaffold → Struktur dasar aplikasi (AppBar, body, dll).
- Text → Widget untuk menampilkan teks.
Menambahkan Interaksi (Counter App)
Flutter juga memudahkan membuat aplikasi interaktif. Contoh aplikasi counter (tombol + untuk menambah angka):
Baca Juga
import 'package:flutter/material.dart';
void main() {
runApp(CounterApp());
}
class CounterApp extends StatefulWidget {
@override
_CounterAppState createState() => _CounterAppState();
}
class _CounterAppState extends State<CounterApp> {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++;
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Aplikasi Counter')),
body: Center(
child: Text(
'Nilai: $_counter',
style: TextStyle(fontSize: 24),
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
child: Icon(Icons.add),
),
),
);
}
}
Aplikasi ini akan menampilkan angka yang bertambah setiap kali tombol ditekan.
Tips untuk Pemula
- Mulailah dengan membaca dokumentasi resmi di https://docs.flutter.dev.
2. Manfaatkan package dari https://pub.dev.
3. Coba buat project kecil seperti to-do list, kalkulator, atau note app.
4. Gabung komunitas Flutter Indonesia di Telegram atau Discord.
5. Biasakan menggunakan GitHub untuk menyimpan project Anda.
Flutter adalah framework yang sangat cocok untuk pemula maupun developer berpengalaman karena kemudahannya dalam membangun aplikasi cross-platform hanya dengan satu kode. Dengan mengikuti langkah-langkah di atas, Anda bisa membuat aplikasi mobile pertama Anda menggunakan Flutter.
Teruslah berlatih, bereksperimen dengan widget, dan kembangkan ide aplikasi kreatif Anda. Dengan Flutter, potensi untuk menjadi developer mobile profesional terbuka lebar.
*Penulis adalah Tim Puskom STMIK Komputama Cilacap
Referensi:
- Dicoding Indonesia – https://www.dicoding.com/academies/159
- Petani Kode – https://www.petanikode.com/flutter/
- Flutter Indonesia Community – https://flutter.id
- Dokumentasi Resmi Flutter – https://docs.flutter.dev
