Membangun Aplikasi Note Keeper dengan Flutter dan SQLite

  • Home
  • / Membangun Aplikasi Note Keeper dengan Flutter dan SQLite

image

11 Jun 2025

09

35

Apa itu Note Keeper App?

Note Keeper App adalah aplikasi pencatat sederhana yang dibangun menggunakan Flutter. Aplikasi ini memungkinkan pengguna menulis, menyimpan, dan menghapus catatan. Dengan fitur tema gelap/terang dan penyimpanan lokal melalui SQLite, aplikasi ini cocok untuk pembelajaran mobile programming berbasis Flutter.

Demo APP


Fitur Utama

  • ✏️ Menambahkan catatan
  • 📄 Menampilkan daftar catatan
  • 🗑️ Menghapus catatan dengan gesture swipe
  • 🌓 Toggle tema dark/light
  • 💾 Penyimpanan lokal dengan SQLite
  • ⚙️ Simpan preferensi dengan SharedPreferences

Teknologi yang Digunakan

| Teknologi | Kegunaan | | ------------------ | --------------------------------------- | | Flutter | Framework UI utama | | sqflite | Menyimpan catatan secara lokal (SQLite) | | provider | Manajemen state | | shared_preferences | Menyimpan preferensi tema | | Android Emulator | Pengujian aplikasi |


Implementasi Toggle Tema

Toggle tema gelap/terang diimplementasikan di main.dart menggunakan IconButton dalam AppBar, terhubung dengan state ThemeProvider yang menyimpan preferensi ke SharedPreferences.

actions: [
  IconButton(
    icon: Icon(
      themeProvider.isDarkMode ? Icons.dark_mode : Icons.light_mode,
    ),
    onPressed: () {
      themeProvider.toggleTheme();
    },
  ),
],

---

## Struktur Folder

```
lib/
├── main.dart
├── models/note.dart
├── db/note_database.dart
├── screens/home_screen.dart
├── screens/add_note_screen.dart
├── providers/theme_provider.dart
```

## Source Code

[Source Code](https://github.com/ferryops/note-keeper-flutter)
---

## Penutup

Aplikasi Note Keeper adalah contoh sederhana namun kuat untuk mempelajari pengembangan aplikasi Flutter berbasis data lokal. Dengan memanfaatkan SQLite dan SharedPreferences, pengembang dapat membangun aplikasi yang responsif dan memiliki fitur lengkap. Aplikasi ini bisa dikembangkan lebih lanjut dengan fitur seperti edit catatan, sinkronisasi cloud, atau ekspor PDF.

Langganan Berita

Masukkan email kamu untuk mendapatkan berita terbaru dari stacktugas.id dan dapatkan diskon 20% untuk jasa coding terlaris kami.

Kami tidak akan pernah mengirimkan email spam.

space iklan disewakan

Mungkin Cocok Untukmu

image
11 Jun 2025

Membangun Aplikasi Note Keeper dengan Flutter dan SQLite

Panduan lengkap membuat aplikasi pencatat sederhana menggunakan Flutter, SQLite, dan SharedPreferences

image
04 Jun 2025

Aplikasi Manajemen Vinyl JavaFX dan Source Code

Proyek ini adalah aplikasi JavaFX sederhana yang memiliki halaman login dan inventory untuk manajemen vinyl menggunakan MVC pattern.

image
04 Jun 2025

Kompresi Citra dengan Color-Embedded Grayscale Image dengan Python

Source code dan tutorial kompresi citra dengan Color-Embedded Grayscale Image dengan Python