Di dunia yang serba cepat ini, menjaga kebiasaan baik dan menghilangkan kebiasaan buruk adalah kunci produktivitas dan kesejahteraan. Namun, terkadang kita membutuhkan sedikit bantuan untuk tetap konsisten. Di sinilah aplikasi habit tracker berperan, dan sebagai seorang developer, mengapa tidak membangunnya sendiri?
Flutter, framework UI dari Google, adalah pilihan yang sangat powerful dan fleksibel untuk membangun aplikasi mobile (dan bahkan web/desktop) yang indah dan berperforma tinggi. Dengan Flutter, kita bisa membuat aplikasi habit tracker yang intuitif, cross-platform, dan bisa disesuaikan sepenuhnya dengan kebutuhan kita.
Dalam panduan ini, kita akan menyelami proses pembangunan aplikasi habit tracker sederhana menggunakan Flutter. Kita akan belajar tentang arsitektur dasar, manajemen state, penyimpanan data lokal, dan beberapa praktik terbaik yang akan membantu Anda tidak hanya membuat aplikasi ini, tetapi juga aplikasi Flutter lainnya dengan percaya diri.
Mengapa Membangun Habit Tracker dengan Flutter?
Sebagai developer, kita sering mencari cara untuk mengoptimalkan alur kerja dan hidup kita. Membangun habit tracker sendiri menawarkan beberapa keuntungan:
- Kustomisasi Penuh: Anda bisa menambahkan fitur yang benar-benar Anda butuhkan, tanpa bloatware.
- Pembelajaran Praktis: Ini adalah proyek yang sangat baik untuk melatih kemampuan Flutter Anda, dari UI hingga manajemen data.
- Kontrol Data: Data kebiasaan Anda akan disimpan secara lokal, memberikan Anda kendali penuh atas privasi.
- Cross-Platform: Satu codebase untuk Android dan iOS, menghemat waktu dan upaya.
Flutter dikenal dengan kecepatan pengembangan, UI yang ekspresif, dan performa natifnya. Ini menjadikannya kandidat ideal untuk aplikasi yang membutuhkan interaksi pengguna yang lancar dan tampilan yang menarik.
Persiapan Awal: Lingkungan Pengembangan Flutter
Sebelum kita memulai coding, pastikan Anda memiliki semua yang dibutuhkan:
- Flutter SDK: Ikuti panduan instalasi di situs resmi Flutter. Pastikan Anda sudah menjalankan
flutter doctordan tidak ada masalah yang dilaporkan. - IDE: Visual Studio Code atau Android Studio adalah pilihan populer. VS Code dengan ekstensi Flutter/Dart sudah cukup mumpuni.
- Emulator/Perangkat Fisik: Siapkan emulator Android/iOS atau sambungkan perangkat fisik Anda untuk menguji aplikasi.
Setelah semuanya siap, mari kita buat proyek Flutter baru:
flutter create habit_tracker_app
cd habit_tracker_appIni akan membuat folder proyek baru dan menginisialisasi semua yang diperlukan.
Arsitektur Aplikasi & Struktur Proyek
Untuk aplikasi yang lebih terorganisir, kita akan menggunakan struktur folder sederhana. Ini membantu memisahkan concerns dan membuat kode lebih mudah dikelola. Buat folder-folder berikut di dalam direktori lib/:
models/: Untuk definisi data kita (misalnya,Habit).services/: Untuk logika bisnis dan interaksi dengan penyimpanan data.providers/: Untuk kelas-kelas manajemen state.screens/: Untuk halaman-halaman utama aplikasi.widgets/: Untuk komponen UI yang bisa digunakan kembali.utils/: Untuk fungsi-fungsi utilitas atau konstanta.
Pilihan State Management: Provider
Manajemen state adalah inti dari setiap aplikasi Flutter. Untuk tutorial ini, kita akan menggunakan Provider, yang direkomendasikan oleh tim Flutter untuk aplikasi skala kecil hingga menengah karena kesederhanaan dan performanya.
Tambahkan ke pubspec.yaml:
dependencies:
flutter:
sdk: flutter
provider: ^6.0.5 # Versi bisa disesuaikan
hive: ^2.2.3
hive_flutter: ^1.1.0
path_provider: ^2.0.15 # Untuk mendapatkan path penyimpanan HiveJalankan flutter pub get.
Pilihan Penyimpanan Data: Hive
Untuk menyimpan data kebiasaan secara lokal, kita akan menggunakan Hive. Hive adalah database NoSQL yang ringan, cepat, dan mudah digunakan untuk Flutter.
Kita juga akan membutuhkan hive_generator dan build_runner untuk menghasilkan kode adaptor Hive secara otomatis. Tambahkan ke bagian dev_dependencies di pubspec.yaml:
dev_dependencies:
flutter_test:
sdk: flutter
flutter_lints: ^2.0.0
hive_generator: ^2.0.1
build_runner: ^2.4.6Jalankan flutter pub get lagi.
Mendefinisikan Model Data Kebiasaan
Pertama, mari kita definisikan bagaimana sebuah kebiasaan akan direpresentasikan. Buat file lib/models/habit.dart:
// lib/models/habit.dart
import 'package:hive/hive.dart';
part 'habit.g.dart'; // Ini akan dibuat otomatis oleh build_runner
@HiveType(typeId: 0)
class Habit extends HiveObject {
@HiveField(0)
String name;
@HiveField(1)
String description;
@HiveField(2)
DateTime createdAt;
@HiveField(3)
List<DateTime> completedDates; // Tanggal kapan kebiasaan ini diselesaikan
Habit({
required this.name,
this.description = '',
required this.createdAt,
List<DateTime>? completedDates,
}) : completedDates = completedDates ?? [];
// Menandai kebiasaan selesai untuk hari ini
void toggleCompletion(DateTime date) {
// Normalisasi tanggal untuk memastikan hanya per hari, bukan per waktu
final normalizedDate = DateTime(date.year, date.month, date.day);
if (completedDates.any((d) => DateTime(d.year, d.month, d.day) == normalizedDate)) {
completedDates.removeWhere((d) => DateTime(d.year, d.month, d.day) == normalizedDate);
} else {
completedDates.add(normalizedDate);
}
save(); // Simpan perubahan ke Hive
}
// Cek apakah kebiasaan selesai pada tanggal tertentu
bool isCompletedOn(DateTime date) {
final normalizedDate = DateTime(date.year, date.month, date.day);
return completedDates.any((d) => DateTime(d.year, d.month, d.day) == normalizedDate);
}
}Setelah membuat file ini, jalankan perintah berikut di terminal Anda untuk menghasilkan file habit.g.dart:
flutter packages pub run build_runner build --delete-conflicting-outputsIni akan menghasilkan adaptor Hive yang diperlukan untuk menyimpan dan mengambil objek Habit.
Service untuk Mengelola Data Kebiasaan
Selanjutnya, kita akan membuat service yang bertugas berinteraksi dengan Hive untuk operasi CRUD (Create, Read, Update, Delete) kebiasaan. Buat file lib/services/habit_service.dart:
// lib/services/habit_service.dart
import 'package:hive/hive.dart';
import '../models/habit.dart';
class HabitService {
static const String _habitBoxName = 'habits';
// Inisialisasi Hive Box
Future<void> init() async {
if (!Hive.isBoxOpen(_habitBoxName)) {
Hive.registerAdapter(HabitAdapter()); // Pastikan adaptor sudah diregistrasi
await Hive.openBox<Habit>(_habitBoxName);
}
}
// Mengambil semua kebiasaan
List<Habit> getHabits() {
final box = Hive.box<Habit>(_habitBoxName);
return box.values.toList();
}
// Menambahkan kebiasaan baru
Future<void> addHabit(Habit habit) async {
final box = Hive.box<Habit>(_habitBoxName);
await box.add(habit);
}
// Menghapus kebiasaan
Future<void> deleteHabit(Habit habit) async {
await habit.delete(); // HiveObject memiliki metode delete()
}
// Metode untuk mengupdate habit sudah ada di model (habit.save())
}Perhatikan bahwa HabitAdapter() harus diregistrasi. Ini berasal dari file habit.g.dart yang dibuat sebelumnya.
Manajemen State dengan Provider
Kita akan membuat HabitProvider yang akan menyediakan daftar kebiasaan ke seluruh aplikasi dan mengelola perubahannya. Buat file lib/providers/habit_provider.dart:
// lib/providers/habit_provider.dart
import 'package:flutter/foundation.dart';
import '../models/habit.dart';
import '../services/habit_service.dart';
class HabitProvider with ChangeNotifier {
final HabitService _habitService = HabitService();
List<Habit> _habits = [];
List<Habit> get habits => _habits;
Future<void> loadHabits() async {
await _habitService.init(); // Pastikan service sudah diinisialisasi
_habits = _habitService.getHabits();
notifyListeners(); // Beri tahu widget yang mendengarkan perubahan
}
Future<void> addHabit(Habit habit) async {
await _habitService.addHabit(habit);
_habits = _habitService.getHabits(); // Refresh daftar
notifyListeners();
}
Future<void> deleteHabit(Habit habit) async {
await _habitService.deleteHabit(habit);
_habits.remove(habit); // Hapus dari daftar lokal
notifyListeners();
}
void updateHabit(Habit habit) {
// Karena Habit adalah HiveObject, perubahannya akan disimpan secara otomatis saat habit.save() dipanggil
// Kita hanya perlu memberitahu listener bahwa ada perubahan
notifyListeners();
}
}Membangun Tampilan Utama Aplikasi (HabitListScreen)
Sekarang saatnya menyatukan semuanya dalam UI. Kita akan memiliki layar utama yang menampilkan daftar kebiasaan dan tombol untuk menambah kebiasaan baru. Buat file lib/screens/habit_list_screen.dart:
// lib/screens/habit_list_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../models/habit.dart';
import '../providers/habit_provider.dart';
import '../widgets/habit_card.dart'; // Akan kita buat nanti
class HabitListScreen extends StatefulWidget {
const HabitListScreen({Key? key}) : super(key: key);
@override
State<HabitListScreen> createState() => _HabitListScreenState();
}
class _HabitListScreenState extends State<HabitListScreen> {
@override
void initState() {
super.initState();
// Muat kebiasaan saat pertama kali layar dimuat
WidgetsBinding.instance.addPostFrameCallback((_) {
Provider.of<HabitProvider>(context, listen: false).loadHabits();
});
}
void _showAddHabitDialog() {
TextEditingController _nameController = TextEditingController();
TextEditingController _descController = TextEditingController();
showDialog(
context: context,
builder: (context) {
return AlertDialog(
title: const Text('Tambah Kebiasaan Baru'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
TextField(
controller: _nameController,
decoration: const InputDecoration(labelText: 'Nama Kebiasaan'),
),
TextField(
controller: _descController,
decoration: const InputDecoration(labelText: 'Deskripsi (Opsional)'),
),
],
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('Batal'),
),
ElevatedButton(
onPressed: () {
if (_nameController.text.isNotEmpty) {
final newHabit = Habit(
name: _nameController.text,
description: _descController.text,
createdAt: DateTime.now(),
);
Provider.of<HabitProvider>(context, listen: false).addHabit(newHabit);
Navigator.pop(context);
}
},
child: const Text('Tambah'),
),
],
);
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('My Habit Tracker'),
backgroundColor: Colors.teal,
),
body: Consumer<HabitProvider>(
builder: (context, habitProvider, child) {
if (habitProvider.habits.isEmpty) {
return const Center(
child: Text(
'Belum ada kebiasaan. Tambahkan satu!',
style: TextStyle(fontSize: 18, color: Colors.grey),
),
);
}
return ListView.builder(
itemCount: habitProvider.habits.length,
itemBuilder: (context, index) {
final habit = habitProvider.habits[index];
return HabitCard(
habit: habit,
onToggle: (date) {
habit.toggleCompletion(date);
// Notifikasi provider bahwa habit ini telah diubah
// agar UI di mana pun yang menampilkan habit ini juga terupdate.
habitProvider.updateHabit(habit);
},
onDelete: () {
habitProvider.deleteHabit(habit);
},
);
},
);
},
),
floatingActionButton: FloatingActionButton(
onPressed: _showAddHabitDialog,
child: const Icon(Icons.add),
backgroundColor: Colors.teal,
),
);
}
}Membuat Komponen HabitCard
Untuk setiap item kebiasaan, kita akan membuat widget terpisah agar kode lebih rapi. Buat file lib/widgets/habit_card.dart:
// lib/widgets/habit_card.dart
import 'package:flutter/material.dart';
import '../models/habit.dart';
class HabitCard extends StatelessWidget {
final Habit habit;
final Function(DateTime) onToggle;
final Function() onDelete;
const HabitCard({
Key? key,
required this.habit,
required this.onToggle,
required this.onDelete,
}) : super(key: key);
@override
Widget build(BuildContext context) {
// Tentukan tanggal hari ini untuk menandai kebiasaan
final today = DateTime.now();
return Card(
margin: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
elevation: 4,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
child: Text(
habit.name,
style: const TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.teal,
),
overflow: TextOverflow.ellipsis,
),
),
IconButton(
icon: const Icon(Icons.delete_forever, color: Colors.redAccent),
onPressed: onDelete,
),
],
),
if (habit.description.isNotEmpty)
Padding(
padding: const EdgeInsets.only(top: 4.0, bottom: 8.0),
child: Text(
habit.description,
style: TextStyle(fontSize: 14, color: Colors.grey[700]),
),
),
const Divider(height: 16, thickness: 1),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'Selesai hari ini:',
style: TextStyle(fontSize: 16, color: Colors.grey[800]),
),
Switch(
value: habit.isCompletedOn(today),
onChanged: (value) {
onToggle(today);
},
activeColor: Colors.teal,
),
],
),
// Anda bisa menambahkan tampilan progress historis di sini
// Misalnya, menampilkan 7 hari terakhir
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: _buildCompletionHistory(today),
),
],
),
),
);
}
Widget _buildCompletionHistory(DateTime today) {
final List<Widget> dayIndicators = [];
for (int i = 6; i >= 0; i--) { // Tampilkan 7 hari terakhir
final date = today.subtract(Duration(days: i));
final bool completed = habit.isCompletedOn(date);
dayIndicators.add(
Padding(
padding: const EdgeInsets.symmetric(horizontal: 2.0),
child: Tooltip(
message: '${date.day}/${date.month} ${completed ? 'Selesai' : 'Belum Selesai'}',
child: CircleAvatar(
radius: 10,
backgroundColor: completed ? Colors.green : Colors.red[200],
),
),
),
);
}
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: dayIndicators,
);
}
}Mengatur Aplikasi Utama (main.dart)
Terakhir, kita perlu mengatur file main.dart untuk menginisialisasi Hive dan membungkus aplikasi dengan ChangeNotifierProvider.
// main.dart
import 'package:flutter/material.dart';
import 'package:hive_flutter/hive_flutter.dart';
import 'package:path_provider/path_provider.dart';
import 'package:provider/provider.dart';
import 'screens/habit_list_screen.dart';
import 'providers/habit_provider.dart';
import 'models/habit.dart'; // Impor model Habit
void main() async {
WidgetsFlutterBinding.ensureInitialized();
// Inisialisasi Hive
final appDocumentDir = await getApplicationDocumentsDirectory();
await Hive.initFlutter(appDocumentDir.path);
Hive.registerAdapter(HabitAdapter()); // Registrasi adaptor Habit
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return ChangeNotifierProvider(
create: (context) => HabitProvider(),
child: MaterialApp(
title: 'Habit Tracker App',
theme: ThemeData(
primarySwatch: Colors.teal,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: const HabitListScreen(),
debugShowCheckedModeBanner: false,
),
);
}
}Jangan lupa untuk menjalankan flutter packages pub run build_runner build --delete-conflicting-outputs setiap kali Anda mengubah model Habit atau model Hive lainnya.
Verifikasi dan Uji Coba
Jalankan aplikasi Anda di emulator atau perangkat fisik:
flutter runAnda seharusnya melihat layar kosong dengan tombol tambah (+) di kanan bawah. Coba tambahkan beberapa kebiasaan, tandai sebagai selesai, dan hapus. Data Anda harus tetap ada bahkan setelah Anda menutup dan membuka kembali aplikasi!
Masalah yang Sering Terjadi
Saat mengembangkan aplikasi Flutter, terutama yang melibatkan manajemen state dan penyimpanan data, beberapa masalah umum sering muncul:
-
State Tidak Terupdate di UI
Gejala: Anda menambahkan atau mengubah data, tetapi tampilan aplikasi tidak berubah.
Penyebab: Paling sering terjadi karena Anda lupa memanggil
notifyListeners()di kelas provider Anda setelah data berubah, atau widget UI tidak membungkus bagian yang membutuhkan pembaruan denganConsumeratau tidak memanggilProvider.of(context, listen: true).Solusi: Pastikan setiap operasi yang mengubah data di
HabitProviderdiikuti dengannotifyListeners(). Untuk widget yang ingin bereaksi terhadap perubahan, gunakanConsumer<HabitProvider>atau pastikan parameterlistenpadaProvider.ofdiatur ketrue. -
Data Hilang Setelah Aplikasi Ditutup
Gejala: Kebiasaan yang ditambahkan hilang setiap kali aplikasi di-restart.
Penyebab: Ini biasanya berarti ada masalah dengan inisialisasi Hive atau operasi penyimpanan/pengambilan data.
Solusi: Periksa kembali metode
main()Anda. PastikanHive.initFlutter()danHive.registerAdapter(HabitAdapter())dipanggil sebelumrunApp(). Juga, pastikan Anda memanggilhabit.save()di modelHabitatau metodeaddHabit/deleteHabitdiHabitServiceberhasil menyimpan/menghapus data keHive.box. -
Error saat Menjalankan
build_runnerGejala: Perintah
flutter packages pub run build_runner buildgagal dengan berbagai error.Penyebab: Bisa jadi karena dependensi yang tidak cocok, typo di file model (misalnya, lupa
part 'habit.g.dart';), atau konflik output.Solusi: Pastikan semua dependensi (
hive,hive_flutter,hive_generator,build_runner) memiliki versi yang kompatibel. Periksa kembali sintaks diHabitmodel (@HiveType,@HiveField,part 'habit.g.dart';). Jika masih error, coba tambahkan flag--delete-conflicting-outputs:flutter packages pub run build_runner build --delete-conflicting-outputs. Kadang, menghapus folder.dart_tooldan menjalankanflutter clean, laluflutter pub get, dan barubuild_runnerbisa membantu. -
UI Lambat (Janky) Saat Menggulir
Gejala: Saat menggulir daftar kebiasaan, terasa patah-patah atau tidak responsif.
Penyebab: Kemungkinan besar karena operasi yang berat (misalnya, perhitungan kompleks atau permintaan data) dilakukan di UI thread, atau terlalu banyak widget yang dibangun ulang secara tidak perlu.
Solusi: Pastikan operasi I/O (seperti inisialisasi Hive atau pengambilan data awal) dilakukan secara asinkron (menggunakan
await) dan tidak memblokir UI thread. GunakanListView.builder(seperti yang sudah kita lakukan) untuk daftar panjang agar widget hanya dibuat saat dibutuhkan. Hindari memanggilnotifyListeners()terlalu sering jika perubahan tidak berdampak pada seluruh UI.
Pengalaman dan Pertimbangan Praktis
Membangun aplikasi habit tracker sederhana ini hanyalah permulaan. Dalam pengembangan nyata, ada beberapa pertimbangan yang perlu Anda pikirkan:
-
Pilihan State Management: Kapan Menggunakan yang Lain?
Provider sangat baik untuk aplikasi dengan state yang relatif sederhana dan tidak terlalu kompleks. Namun, untuk aplikasi skala besar dengan banyak state global, logika bisnis yang kompleks, dan kebutuhan untuk unit testing yang ekstensif, Anda mungkin ingin mempertimbangkan solusi lain seperti Bloc/Cubit atau Riverpod. Bloc menyediakan pemisahan concerns yang sangat jelas (event -> bloc -> state), sedangkan Riverpod adalah alternatif Provider yang lebih aman secara kompilasi dan lebih fleksibel.
-
Pilihan Database: Hive vs. SQLite vs. Firebase
Hive sangat ideal untuk data lokal non-relasional yang cepat dan mudah. Jika Anda membutuhkan struktur data relasional yang kompleks atau query SQL, sqflite (implementasi SQLite untuk Flutter) mungkin lebih cocok. Untuk aplikasi yang membutuhkan sinkronisasi data antar perangkat, otentikasi pengguna, atau skalabilitas cloud, Anda pasti akan beralih ke layanan backend seperti Firebase (Firestore/Realtime Database) atau Supabase. Dalam praktiknya, habit tracker seringkali berkembang menjadi aplikasi yang butuh sinkronisasi.
-
Skalabilitas dan Kompleksitas Fitur
Aplikasi habit tracker ini bisa diperluas dengan banyak fitur. Misalnya: visualisasi progres (grafik), pengingat notifikasi lokal, pengelompokan kebiasaan, gamifikasi (streak, poin), mode gelap, atau bahkan sinkronisasi cloud. Setiap fitur baru akan menambah kompleksitas, terutama pada manajemen state dan interaksi UI. Perencanaan arsitektur yang matang dari awal akan sangat membantu.
-
Desain UX yang Berorientasi Kebiasaan
Desain UI/UX adalah kunci sukses aplikasi habit tracker. Pastikan interaksi untuk menandai kebiasaan selesai sangat mudah dan cepat. Visualisasi progres harus memotivasi, bukan malah membuat stres. Feedback visual (misalnya, animasi saat menandai selesai) juga penting. Dalam pengalaman saya, aplikasi habit tracker yang paling efektif adalah yang meminimalkan gesekan pengguna dan memaksimalkan kepuasan instan.
-
Performance dan Rebuild Widget
Salah satu kesalahan umum di Flutter adalah terlalu sering melakukan rebuild widget yang tidak perlu. Saat menggunakan Provider, pastikan Anda menggunakan
Consumerdi scope yang tepat atau menggunakanSelectorjika Anda hanya perlu mendengarkan sebagian kecil dari state. Hindari memanggilProvider.of(context, listen: true)di bagian atas widget tree jika hanya sebagian kecil UI yang perlu berubah. Ini akan menjaga aplikasi tetap responsif dan lancar, terutama pada perangkat lama.
FAQ
Apakah Flutter cocok untuk membangun aplikasi produktivitas seperti habit tracker?
Sangat cocok. Flutter memungkinkan pengembangan UI yang cepat dan fleksibel dengan performa mendekati natif. Ini sangat ideal untuk aplikasi yang membutuhkan pengalaman pengguna yang lancar dan interaktif, seperti habit tracker.
Bagaimana jika saya ingin menambahkan fitur notifikasi atau pengingat kebiasaan?
Anda bisa mengintegrasikan package seperti flutter_local_notifications. Package ini memungkinkan Anda menjadwalkan notifikasi lokal yang akan muncul pada waktu tertentu, sangat berguna untuk mengingatkan pengguna tentang kebiasaan mereka.
Bisakah saya menambahkan gamifikasi seperti streak atau level ke aplikasi ini?
Tentu saja! Anda bisa memperluas model Habit dengan properti seperti currentStreak, longestStreak, atau points. Logika untuk mengupdate properti ini akan berada di dalam HabitProvider atau metode di model Habit itu sendiri, yang kemudian akan memicu pembaruan UI melalui notifyListeners().
Apakah aplikasi habit tracker sederhana memerlukan backend untuk penyimpanan data?
Untuk aplikasi habit tracker yang datanya hanya disimpan secara lokal di satu perangkat, backend tidak diperlukan. Hive (seperti yang kita gunakan) atau SQLite sudah cukup. Namun, jika Anda berencana untuk menambahkan sinkronisasi data antar perangkat pengguna, berbagi kebiasaan dengan teman, atau memiliki fitur otentikasi, maka backend seperti Firebase, Supabase, atau API kustom akan menjadi keharusan.
Bagaimana cara mengelola tema gelap/terang di aplikasi Flutter?
Flutter menyediakan dukungan tema yang sangat baik. Anda bisa menambahkan properti theme dan darkTheme ke MaterialApp, dan mengelola mode tema (terang/gelap) menggunakan Provider atau Bloc untuk menyimpan preferensi pengguna.
Kesimpulan
Membangun aplikasi habit tracker dengan Flutter adalah proyek yang sangat memuaskan dan praktis. Kita telah menjelajahi dasar-dasar Flutter, mulai dari struktur proyek, model data, manajemen state dengan Provider, hingga penyimpanan data lokal menggunakan Hive. Aplikasi yang kita bangun ini adalah fondasi yang kokoh, siap untuk diperluas dengan fitur-fitur yang lebih canggih sesuai kreativitas dan kebutuhan Anda.
Pengalaman membangun aplikasi semacam ini tidak hanya meningkatkan skill teknis Anda di Flutter, tetapi juga memberikan Anda tools pribadi untuk meningkatkan produktivitas dan mencapai tujuan kebiasaan Anda. Jadi, jangan ragu untuk terus bereksperimen, tambahkan fitur baru, dan sesuaikan aplikasi ini menjadi asisten produktivitas digital pribadi Anda. Selamat coding!
TAGS: Flutter, Habit Tracker, Aplikasi Mobile, Coding, Tutorial, Dart, Manajemen State, Provider, Hive, Produktivitas
