Flutter本地存储插件flutter_local_storage的使用

flutter_local_storage 插件可以帮助开发者在Flutter应用中进行本地文件存储。通过该插件，你可以轻松地保存、加载和删除文件。

使用

以下是一些基本的操作示例：

void main() async {
  // 示例1: 以字节形式保存文件
  final bytes = Uint8List.fromList([72, 101, 108, 108, 111]); // "Hello" 字节数组
  final filePath = await LocalStorage.i.saveAsBytes("hello.txt", bytes);
  print("File saved at: $filePath");

  // 示例2: 加载文件
  final loadedFile = await LocalStorage.i.load("hello.txt");
  if (loadedFile != null) {
    print("File loaded successfully: ${loadedFile.path}");
  } else {
    print("File does not exist or an error occurred.");
  }

  // 示例3: 删除文件
  await LocalStorage.i.delete("hello.txt");
  print("File deleted.");

  // 示例4: 获取根目录路径
  final rootPath = await LocalStorage.i.root;
  print("Root directory path: $rootPath");
}

示例代码

以下是一个完整的示例代码，演示如何使用 flutter_local_storage 插件来选择、保存和删除图片。

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:flutter_local_storage/flutter_local_storage.dart'; // 导入 flutter_local_storage 包

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const LocalStorageDemo(),
    );
  }
}

class LocalStorageDemo extends StatefulWidget {
  const LocalStorageDemo({super.key});

  [@override](/user/override)
  State<LocalStorageDemo> createState() => _LocalStorageDemoState();
}

class _LocalStorageDemoState extends State<LocalStorageDemo> {
  final LocalStorage imageStorage = LocalStorage.i; // 初始化 LocalStorage 实例
  File? pickedImage; // 存储用户选择的图片
  File? savedImage; // 存储保存后的图片

  [@override](/user/override)
  void initState() {
    super.initState();
    loadImage(); // 初始化时加载已保存的图片
  }

  Future<void> pickImage() async { // 选择图片
    final picker = ImagePicker();
    final pickedFile = await picker.pickImage(source: ImageSource.gallery); // 从相册中选择图片

    if (pickedFile != null) {
      setState(() {
        pickedImage = File(pickedFile.path); // 更新 pickedImage
      });

      final bytes = await pickedImage!.readAsBytes(); // 读取图片字节

      await imageStorage.saveAsBytes('my_image.jpg', bytes); // 保存图片到本地存储
      loadImage(); // 重新加载已保存的图片
    }
  }

  Future<void> loadImage() async { // 加载已保存的图片
    final loadedImage = await imageStorage.load('my_image.jpg'); // 从本地存储加载图片
    if (mounted) {
      setState(() {
        savedImage = loadedImage; // 更新 savedImage
      });
    }
  }

  Future<void> deleteImage() async { // 删除已保存的图片
    await imageStorage.delete('my_image.jpg'); // 从本地存储删除图片
    loadImage(); // 重新加载已保存的图片
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Image Storage Demo'), // 设置应用标题
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton( // 按钮用于选择图片
              onPressed: pickImage,
              child: const Text('Pick Image'),
            ),
            const SizedBox(height: 20), // 空白间距
            pickedImage != null
                ? Image.file( // 显示用户选择的图片
                    pickedImage!,
                    width: 200, // 调整宽度
                    height: 200, // 调整高度
                  )
                : const Text('No Picked Image'), // 如果没有选择图片，则显示提示文本
            const SizedBox(height: 20),
            savedImage != null
                ? Image.file( // 显示已保存的图片
                    savedImage!,
                    width: 200, // 调整宽度
                    height: 200, // 调整高度
                  )
                : const Text('No Saved Image'), // 如果没有已保存的图片，则显示提示文本
            const SizedBox(height: 20),
            ElevatedButton( // 按钮用于删除已保存的图片
              onPressed: deleteImage,
              child: const Text('Delete Image'),
            ),
          ],
        ),
      ),
    );
  }
}