Flutter搭配sqflite实现草稿箱的功能

在Flutter中实现草稿箱功能通常涉及到以下几个关键步骤：数据持久化、文件管理以及用户界面设计。这里，我将提供一个基本的示例框架，使用 sqflite 数据库存储草稿信息，包括文件路径和最后修改时间，并使用 path_provider 来获取应用的缓存目录，用于存储上传的视频和图片文件。

第一步：添加依赖

在你的 pubspec.yaml 文件中添加以下依赖：

dependencies:
  flutter:
    sdk: flutter
  sqflite: ^2.2.0+1
  path_provider: ^2.0.11

第二步：设置数据库

创建一个 DatabaseHelper 类来处理数据库操作：

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

class DatabaseHelper {
  static final _databaseName = 'drafts.db';
  static final table = 'drafts';
  static final columnId = '_id';
  static final columnName = 'name';
  static final columnFilePath = 'file_path';
  static final columnLastModified = 'last_modified';

  static Future<Database> _database() async {
    Directory directory = await getApplicationDocumentsDirectory();
    String path = join(directory.path, _databaseName);
    return openDatabase(path,
        version: 1,
        onCreate: (Database db, int version) async {
          await db.execute('''
            CREATE TABLE $table (
              $columnId INTEGER PRIMARY KEY,
              $columnName TEXT NOT NULL,
              $columnFilePath TEXT NOT NULL,
              $columnLastModified INTEGER NOT NULL
            )
          ''');
        });
  }

  static Future<int> insertDraft(String name, String filePath, int lastModified) async {
    Database db = await _database();
    return await db.insert(table, {
      columnName: name,
      columnFilePath: filePath,
      columnLastModified: lastModified,
    });
  }

  // 更多的数据库操作方法...
}

第三步：文件管理

使用 path_provider 来获取应用的缓存目录并保存文件：

import 'package:path_provider/path_provider.dart';

Future<String> saveFile(String fileName, List<int> bytes) async {
  Directory directory = await getTemporaryDirectory();
  String path = join(directory.path, fileName);
  File file = File(path);
  await file.writeAsBytes(bytes);
  return path;
}

第四步：用户界面

创建一个草稿箱页面，显示草稿列表并提供编辑和删除选项。

import 'package:flutter/material.dart';
import 'package:path_provider/path_provider.dart';

class DraftsPage extends StatefulWidget {
  @override
  _DraftsPageState createState() => _DraftsPageState();
}

class _DraftsPageState extends State<DraftsPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Drafts')),
      body: ListView.builder(
        itemCount: /* 获取草稿数量 */,
        itemBuilder: (context, index) {
          return ListTile(
            title: Text(/* 草稿名称 */),
            subtitle: Text(/* 最后修改时间 */),
            trailing: IconButton(
              icon: Icon(Icons.delete),
              onPressed: () /* 删除草稿 */,
            ),
          );
        },
      ),
    );
  }
}

整合以上所有部分，确保数据库操作、文件读写和UI更新都能正确工作。