← Back to posts Cover image for Mastering Local Storage in Flutter: A Practical Guide to SQFlite for Offline Data

Mastering Local Storage in Flutter: A Practical Guide to SQFlite for Offline Data

· 5 min read
Weekly Digest

The Flutter news you actually need

No spam, ever. Unsubscribe in one click.

Chris
By Chris

Mastering Local Storage in Flutter: A Practical Guide to SQFlite for Offline Data

In today’s world of spotty connections and mobile-first experiences, your Flutter app needs to work reliably offline. Whether you’re building a note-taking app, a fitness tracker, or an inventory management system, local data persistence isn’t just a nice-to-have feature—it’s often the backbone of your application’s reliability. That’s where SQFlite comes in.

Why SQFlite?

SQFlite brings the power of SQLite—a lightweight, file-based database engine—to Flutter. It provides a structured way to store, query, and manage your app’s data locally. Unlike simple key-value stores, SQLite gives you full relational database capabilities: complex queries, joins, transactions, and data integrity. The best part? It’s entirely local to the device, so your app remains functional regardless of network availability.

Let’s build a practical task manager app to demonstrate SQFlite in action.

Setting Up Your Project

First, add the necessary dependencies to your pubspec.yaml:

dependencies:
  sqflite: ^2.3.0
  path: ^1.8.0

Run flutter pub get, and you’re ready to start.

Database Initialization and Schema Design

The foundation of any database system is proper schema design. Let’s create a database helper class to manage our database lifecycle:

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

class TaskDatabase {
  static final TaskDatabase instance = TaskDatabase._init();
  static Database? _database;

  TaskDatabase._init();

  Future<Database> get database async {
    if (_database != null) return _database!;
    _database = await _initDB('tasks.db');
    return _database!;
  }

  Future<Database> _initDB(String filePath) async {
    final dbPath = await getDatabasesPath();
    final path = join(dbPath, filePath);

    return await openDatabase(
      path,
      version: 1,
      onCreate: _createDB,
    );
  }

  Future _createDB(Database db, int version) async {
    await db.execute('''
      CREATE TABLE tasks (
        id INTEGER PRIMARY KEY AUTOINCREMENT,
        title TEXT NOT NULL,
        description TEXT,
        is_completed INTEGER NOT NULL DEFAULT 0,
        created_at TEXT NOT NULL
      )
    ''');
  }
}

Key Points:

  • We use a singleton pattern to ensure only one database instance exists
  • The onCreate callback only runs when the database is first created
  • SQLite doesn’t have a boolean type—we use INTEGER (0 for false, 1 for true)
  • Always include a primary key for efficient data management

CRUD Operations Made Simple

Now let’s implement the core operations: Create, Read, Update, and Delete.

1. Creating a Model Class

First, define a Dart class to represent your data:

class Task {
  final int? id;
  final String title;
  final String? description;
  final bool isCompleted;
  final DateTime createdAt;

  Task({
    this.id,
    required this.title,
    this.description,
    this.isCompleted = false,
    required this.createdAt,
  });

  Map<String, dynamic> toMap() {
    return {
      'id': id,
      'title': title,
      'description': description,
      'is_completed': isCompleted ? 1 : 0,
      'created_at': createdAt.toIso8601String(),
    };
  }

  static Task fromMap(Map<String, dynamic> map) {
    return Task(
      id: map['id'],
      title: map['title'],
      description: map['description'],
      isCompleted: map['is_completed'] == 1,
      createdAt: DateTime.parse(map['created_at']),
    );
  }
}

2. Inserting Data

Future<int> insertTask(Task task) async {
  final db = await TaskDatabase.instance.database;
  
  return await db.insert(
    'tasks',
    task.toMap(),
    conflictAlgorithm: ConflictAlgorithm.replace,
  );
}

// Usage:
final newTask = Task(
  title: 'Buy groceries',
  description: 'Milk, eggs, bread',
  createdAt: DateTime.now(),
);
final taskId = await insertTask(newTask);

3. Reading Data

Future<List<Task>> getAllTasks() async {
  final db = await TaskDatabase.instance.database;
  final maps = await db.query('tasks', orderBy: 'created_at DESC');
  
  return maps.map((map) => Task.fromMap(map)).toList();
}

Future<List<Task>> getPendingTasks() async {
  final db = await TaskDatabase.instance.database;
  final maps = await db.query(
    'tasks',
    where: 'is_completed = ?',
    whereArgs: [0],
    orderBy: 'created_at DESC',
  );
  
  return maps.map((map) => Task.fromMap(map)).toList();
}

4. Updating Data

Future<int> updateTask(Task task) async {
  final db = await TaskDatabase.instance.database;
  
  return await db.update(
    'tasks',
    task.toMap(),
    where: 'id = ?',
    whereArgs: [task.id],
  );
}

// Mark a task as completed
Future<void> completeTask(int taskId) async {
  final db = await TaskDatabase.instance.database;
  await db.rawUpdate(
    'UPDATE tasks SET is_completed = 1 WHERE id = ?',
    [taskId],
  );
}

5. Deleting Data

Future<int> deleteTask(int taskId) async {
  final db = await TaskDatabase.instance.database;
  
  return await db.delete(
    'tasks',
    where: 'id = ?',
    whereArgs: [taskId],
  );
}

Common Pitfalls and Best Practices

  1. Don’t forget to close your database: While SQFlite handles this reasonably well, explicitly closing your database when your app is disposed is good practice:
Future<void> close() async {
  final instance = TaskDatabase.instance;
  final db = await instance.database;
  db.close();
}
  1. Handle database migrations: When you need to change your schema, implement the onUpgrade callback in openDatabase:
return await openDatabase(
  path,
  version: 2,
  onCreate: _createDB,
  onUpgrade: (Database db, int oldVersion, int newVersion) async {
    if (oldVersion < 2) {
      await db.execute('ALTER TABLE tasks ADD COLUMN priority INTEGER DEFAULT 0');
    }
  },
);
  1. Use transactions for multiple operations: This ensures data consistency:
Future<void> archiveCompletedTasks() async {
  final db = await TaskDatabase.instance.database;
  
  await db.transaction((txn) async {
    await txn.delete(
      'tasks',
      where: 'is_completed = ?',
      whereArgs: [1],
    );
    // Add to archive table in same transaction
  });
}
  1. Avoid synchronous database calls: SQFlite operations are asynchronous—trying to make them synchronous will block your UI thread.

Wrapping Up

SQFlite provides a robust, reliable solution for local data storage in Flutter applications. By following the patterns outlined above, you can implement a complete offline data layer that supports complex queries while maintaining data integrity. Remember to start with a solid schema design, use proper model classes, and always handle errors gracefully.

The true power of offline storage emerges when you combine it with synchronization strategies for when connectivity returns, but that’s a topic for another post. For now, your app can confidently function anywhere, anytime.

Happy coding!

This blog is produced with the assistance of AI by a human editor. Learn more

Related Posts

Cover image for Optimizing Flutter UI Performance: Best Practices for Date Formatting and Expensive Operations

Optimizing Flutter UI Performance: Best Practices for Date Formatting and Expensive Operations

Developers often face performance bottlenecks when performing expensive operations like date formatting directly within Flutter's `build` method, especially in fast-scrolling lists. This post will delve into common pitfalls, explain why these operations are costly, and provide practical strategies for optimizing UI performance by caching formatters, using `initState`, and leveraging `compute` for background processing without blocking the UI.

Cover image for Optimizing Your Flutter Dev Setup: IDEs, Simulators, and AI Tools for Peak Productivity

Optimizing Your Flutter Dev Setup: IDEs, Simulators, and AI Tools for Peak Productivity

Flutter developers frequently seek to refine their development environments. This post will dive into popular IDE choices like VS Code and Android Studio, discuss best practices for managing iOS and Android simulators (including in-IDE options), and explore the practical integration of AI tools for code generation and problem-solving to boost overall efficiency.

Cover image for Demystifying Flutter Performance: Practical Strategies for Large-Scale Apps

Demystifying Flutter Performance: Practical Strategies for Large-Scale Apps

Flutter's performance is often blamed for issues in complex applications, but the real culprits are usually architectural decisions, inefficient widget rebuilds, and unoptimized resource handling. This post will dive into common performance bottlenecks in large Flutter apps, providing actionable strategies for profiling, optimizing state management, handling images and network requests efficiently, and leveraging CI/CD for continuous performance monitoring.