Flutter for OpenHarmony:从零搭建今日资讯App(二十六)本地存储实现

概述

使用SharedPreferences实现应用的本地数据存储,包括设置、收藏、历史等。

学习目标

  • 掌握SharedPreferences的使用
  • 实现数据持久化
  • 处理JSON序列化
  • 管理存储空间

核心实现

1. 保存简单数据

dart 复制代码
final prefs = await SharedPreferences.getInstance();

// 保存
await prefs.setString('key', 'value');
await prefs.setInt('count', 10);
await prefs.setBool('enabled', true);

// 读取
final value = prefs.getString('key') ?? 'default';
final count = prefs.getInt('count') ?? 0;
final enabled = prefs.getBool('enabled') ?? false;

2. 保存复杂对象

dart 复制代码
// 保存列表
final favorites = _favorites.map((article) => 
  jsonEncode(article.toJson())
).toList();
await prefs.setStringList('favorites', favorites);

// 读取列表
final favoritesJson = prefs.getStringList('favorites') ?? [];
_favorites = favoritesJson.map((json) => 
  NewsArticle.fromJson(jsonDecode(json))
).toList();

3. 清除数据

dart 复制代码
// 删除单个
await prefs.remove('key');

// 清除所有
await prefs.clear();

技术要点

1. 支持的数据类型

  • String
  • int
  • double
  • bool
  • List

2. JSON序列化

复杂对象需要先转换为JSON字符串。

3. 异步操作

所有操作都是异步的,需要使用await。

最佳实践

  1. 提供默认值:使用??操作符
  2. 及时保存:数据变化后立即保存
  3. 错误处理:捕获存储异常
  4. 限制大小:避免存储过大数据

下一步

下一章学习如何实现图片缓存。

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net

在这里你可以找到更多Flutter开发资源,与其他开发者交流经验,共同进步。

相关推荐
恋猫de小郭20 小时前
Android CLI 支持 AI Agent 通过 Device Streaming 调试云真机
android·前端·flutter
m0_738185822 天前
Flutter 鸿蒙化实战:flutter_scankit 适配 OpenHarmony,华为 ScanKit 扫码
flutter·华为·harmonyos·鸿蒙
事圆则缓2 天前
Flutter 开发鸿蒙实战:从 OpenHarmony 适配版到 HAP 构建与插件接入
flutter·华为·harmonyos
天空之城--2 天前
Android一周动态:Android 18首次官宣、Compose Material3 1.4转正(5趋势+5资讯)
android·人工智能·flutter·架构·android jetpack
恋猫de小郭2 天前
Meta 分享怎么用 AI 迁移 Compose 项目不烧心
android·前端·flutter
EatFan2 天前
Flutter 鸿蒙适配实践 2026:从环境搭建、混合渲染到 OpenTelemetry 性能基建
flutter·华为·harmonyos·openharmony·opentelemetry·鸿蒙适配·impeller
m0_738185822 天前
Flutter 鸿蒙化实战:flutter_secure_storage 适配 OpenHarmony,敏感数据安全存储
安全·flutter·华为·harmonyos·鸿蒙
传奇开心果编程3 天前
【现代声明式UI学与练】第1课 从命令式UI到声明式UI
学习·flutter·ui·swiftui·react·android jetpack
m0_738185823 天前
Flutter 鸿蒙化实战:flutter_nfc_kit 适配 OpenHarmony,NFC 读写一步到位
flutter·华为·harmonyos·鸿蒙
恋猫de小郭3 天前
KMP 又改了编译流程, Separate Compilation 禁止了 `commonMain` 的依赖穿透
android·前端·flutter