Flutter untuk Pemula: Menyimpan Data Lokal dengan Mudah (Shared Preferences & SQFlite)

Selamat datang, para pengembang Flutter pemula! Setelah Anda menguasai dasar-dasar UI dan logika aplikasi, langkah selanjutnya yang krusial adalah memahami bagaimana data dapat disimpan dan dipertahankan dalam aplikasi Anda. Aplikasi modern jarang yang hanya menampilkan data sementara; sebagian besar memerlukan kemampuan untuk menyimpan informasi pengguna, preferensi, atau data penting lainnya secara persisten. Di sinilah peran penyimpanan data lokal menjadi sangat vital.

Dalam tutorial ini, kita akan menyelami dunia penyimpanan data lokal di Flutter. Kita akan menjelajahi dua solusi populer yang sering digunakan: Shared Preferences untuk data sederhana, dan SQFlite untuk kebutuhan database relasional yang lebih kompleks. Siap menyimpan data aplikasi Anda secara lokal? Mari kita mulai!

Mengapa Menyimpan Data Lokal Itu Penting?

Penyimpanan data lokal menawarkan beberapa keuntungan signifikan bagi aplikasi Anda dan penggunanya:

Akses Offline: Pengguna dapat mengakses dan berinteraksi dengan data meskipun tidak ada koneksi internet. Ini sangat penting untuk aplikasi yang sering digunakan di area dengan konektivitas terbatas.
Kinerja Lebih Cepat: Mengakses data dari penyimpanan lokal jauh lebih cepat dibandingkan mengambilnya dari server jarak jauh. Ini berarti aplikasi Anda akan terasa lebih responsif dan mulus.
Pengalaman Pengguna yang Lebih Baik: Preferensi pengguna, status login, atau riwayat aktivitas dapat disimpan secara lokal, menciptakan pengalaman yang lebih personal dan berkelanjutan antar sesi penggunaan.
Mengurangi Beban Server: Dengan menyimpan data yang tidak perlu sinkronisasi real-time secara lokal, Anda dapat mengurangi frekuensi permintaan ke server backend, menghemat bandwidth dan sumber daya server.

Pilihan Penyimpanan Data Lokal di Flutter

Flutter, sebagai framework yang kuat, menyediakan berbagai opsi untuk menyimpan data secara lokal. Pilihan terbaik tergantung pada jenis data yang ingin Anda simpan dan seberapa kompleks strukturnya. Beberapa opsi umum meliputi:

File System: Menyimpan data sebagai file di penyimpanan perangkat.
Key-Value Store: Menyimpan data dalam pasangan kunci-nilai sederhana.
Database Relasional: Menyimpan data terstruktur dalam tabel, memungkinkan kueri kompleks.
Database NoSQL: Untuk data yang lebih fleksibel dan tidak terstruktur.

Dalam artikel ini, kita akan fokus pada dua opsi paling populer dan mudah diimplementasikan untuk pemula: Shared Preferences (Key-Value Store) dan SQFlite (Database Relasional berbasis SQLite).

Shared Preferences: Penyimpanan Data Sederhana (Key-Value Pair)

Shared Preferences adalah pilihan yang sangat baik untuk menyimpan data dalam jumlah kecil dan sederhana, seperti pengaturan pengguna, status login, atau flag aplikasi. Ini bekerja berdasarkan prinsip pasangan kunci-nilai (key-value pair), mirip dengan kamus atau peta. Data disimpan dalam format yang tidak terstruktur.

Kapan Menggunakan Shared Preferences?

Menyimpan tema aplikasi (gelap/terang).
Menyimpan status "pernah login" atau token autentikasi.
Menyimpan preferensi bahasa.
Menyimpan hasil skor game sederhana.

Cara Menggunakan Shared Preferences

Pertama, Anda perlu menambahkan dependensi shared_preferences ke file pubspec.yaml Anda:


dependencies:
  flutter:
    sdk: flutter
  shared_preferences: ^2.2.2 # Gunakan versi terbaru

Kemudian, jalankan flutter pub get.

1. Menyimpan Data

Untuk menyimpan data, Anda perlu mendapatkan instance SharedPreferences dan kemudian menggunakan metode set yang sesuai (setString, setInt, setBool, setDouble, setStringList).


import 'package:shared_preferences/shared_preferences.dart';

Future<void> saveData() async {
  final prefs = await SharedPreferences.getInstance();
  await prefs.setString('username', 'JohnDoe');
  await prefs.setInt('user_id', 12345);
  await prefs.setBool('is_dark_mode', true);
  print('Data berhasil disimpan!');
}

2. Membaca Data

Untuk membaca data, gunakan metode get yang sesuai dengan tipe data yang Anda simpan sebelumnya. Anda juga bisa memberikan nilai default jika kunci tidak ditemukan.


Future<void> readData() async {
  final prefs = await SharedPreferences.getInstance();
  final String? username = prefs.getString('username');
  final int? userId = prefs.getInt('user_id');
  final bool isDarkMode = prefs.getBool('is_dark_mode') ?? false; // Nilai default

  print('Username: $username');
  print('User ID: $userId');
  print('Dark Mode: $isDarkMode');
}

3. Menghapus Data

Anda bisa menghapus data individual berdasarkan kuncinya, atau menghapus semua data.


Future<void> removeData() async {
  final prefs = await SharedPreferences.getInstance();
  await prefs.remove('username'); // Hapus satu item
  // await prefs.clear(); // Hapus semua item
  print('Username berhasil dihapus!');
}

SQFlite: Database Relasional yang Powerful (SQLite)

SQFlite adalah plugin yang memungkinkan Anda menggunakan database SQLite di aplikasi Flutter Anda. SQLite adalah database relasional yang ringan, mandiri, dan tidak memerlukan server terpisah, menjadikannya pilihan ideal untuk penyimpanan data lokal yang lebih terstruktur dan kompleks.

Kapan Menggunakan SQFlite?

Menyimpan daftar tugas (To-Do List) dengan detail.
Aplikasi catatan dengan banyak entri.
Manajemen inventaris produk.
Aplikasi buku harian atau jurnal.
Data yang memerlukan hubungan antar tabel atau kueri kompleks.

Cara Menggunakan SQFlite

Tambahkan dependensi sqflite dan path_provider (untuk menemukan jalur database) ke pubspec.yaml Anda:


dependencies:
  flutter:
    sdk: flutter
  sqflite: ^2.3.0 # Gunakan versi terbaru
  path_provider: ^2.1.1 # Gunakan versi terbaru

Jalankan flutter pub get.

1. Membuka dan Membuat Database

Anda perlu membuat fungsi untuk membuka database dan, jika belum ada, membuat tabel yang diperlukan.


import 'package:sqflite/sqflite.dart';
import 'package:path/path.dart';

class DatabaseHelper {
  static final DatabaseHelper _instance = DatabaseHelper._internal();
  factory DatabaseHelper() => _instance;
  DatabaseHelper._internal();

  static Database? _database;

  Future<Database> get database async {
    if (_database != null) return _database!;
    _database = await _initDatabase();
    return _database!;
  }

  Future<Database> _initDatabase() async {
    String path = join(await getDatabasesPath(), 'notes_database.db');
    return await openDatabase(
      path,
      version: 1,
      onCreate: (db, version) {
        return db.execute(
          "CREATE TABLE notes(id INTEGER PRIMARY KEY, title TEXT, content TEXT)",
        );
      },
    );
  }
}

2. Operasi CRUD (Create, Read, Update, Delete)

Setelah database diinisialisasi, Anda bisa melakukan operasi dasar:


// Contoh model Note
class Note {
  final int? id;
  final String title;
  final String content;

  Note({this.id, required this.title, required this.content});

  Map<String, dynamic> toMap() {
    return {
      'id': id,
      'title': title,
      'content': content,
    };
  }

  factory Note.fromMap(Map<String, dynamic> map) {
    return Note(
      id: map['id'],
      title: map['title'],
      content: map['content'],
    );
  }
}

// ... di dalam DatabaseHelper
Future<int> insertNote(Note note) async {
  final db = await database;
  return await db.insert('notes', note.toMap());
}

Future<List<Note>> getNotes() async {
  final db = await database;
  final List<Map<String, dynamic>> maps = await db.query('notes');
  return List.generate(maps.length, (i) {
    return Note.fromMap(maps[i]);
  });
}

Future<int> updateNote(Note note) async {
  final db = await database;
  return await db.update(
    'notes',
    note.toMap(),
    where: 'id = ?',
    whereArgs: [note.id],
  );
}

Future<int> deleteNote(int id) async {
  final db = await database;
  return await db.delete(
    'notes',
    where: 'id = ?',
    whereArgs: [id],
  );
}

Untuk menggunakannya dalam widget Anda, Anda cukup memanggil metode dari DatabaseHelper:


// Contoh penggunaan
final dbHelper = DatabaseHelper();

// Menambahkan catatan baru
await dbHelper.insertNote(Note(title: 'Belajar Flutter', content: 'Membaca tutorial database lokal.'));

// Mengambil semua catatan
List<Note> myNotes = await dbHelper.getNotes();
print('Catatan pertama: ${myNotes[0].title}');

// Mengupdate catatan
await dbHelper.updateNote(Note(id: myNotes[0].id, title: 'Sudah Belajar Flutter', content: 'Selesai membaca tutorial database lokal.'));

// Menghapus catatan
await dbHelper.deleteNote(myNotes[0].id!);

Memilih Antara Shared Preferences dan SQFlite

Memilih solusi penyimpanan data yang tepat adalah kunci:

Gunakan Shared Preferences jika:
- Anda hanya perlu menyimpan data non-struktural yang kecil (misalnya, string, boolean, integer, list string).
- Data tidak memerlukan kueri kompleks atau hubungan antar entitas.
- Kecepatan setup dan kemudahan penggunaan adalah prioritas utama.
Gunakan SQFlite jika:
- Anda memiliki data terstruktur yang perlu disimpan dalam tabel.
- Anda memerlukan kemampuan untuk melakukan kueri kompleks (WHERE, ORDER BY, GROUP BY).
- Anda memiliki sejumlah besar data yang perlu dikelola secara efisien.
- Data memiliki hubungan antar entitas.

Kesimpulan

Selamat! Anda sekarang memiliki pemahaman dasar tentang bagaimana menyimpan data secara lokal di aplikasi Flutter menggunakan Shared Preferences dan SQFlite. Shared Preferences adalah solusi cepat dan mudah untuk data kecil dan sederhana, sementara SQFlite menyediakan kekuatan penuh dari database relasional untuk data yang lebih kompleks dan terstruktur.

Kini Anda tidak perlu lagi khawatir data pengguna akan hilang saat aplikasi ditutup. Dengan kemampuan menyimpan data lokal ini, Anda dapat membangun aplikasi Flutter yang lebih kaya fitur, responsif, dan memberikan pengalaman pengguna yang lebih baik. Teruslah bereksperimen dan bangunlah aplikasi Flutter impian Anda!

TAGS: Flutter

Lokasi:

Zams Coding