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小郭2 小时前
Flutter 设计包解耦新进展,material_ui 和 cupertino_ui 发布预告
android·前端·flutter
lili-felicity4 小时前
进阶实战 Flutter for OpenHarmony:InteractiveViewer 组件实战 - 图片手势缩放查看系统
flutter
lili-felicity4 小时前
进阶实战 Flutter for OpenHarmony:path_provider 第三方库实战 - 文件存储管理系统
flutter
lili-felicity4 小时前
进阶实战 Flutter for OpenHarmony:flutter_contacts 第三方库实战 - 智能通讯录管理系统
flutter
松叶似针6 小时前
Flutter三方库适配OpenHarmony【secure_application】— 五平台隐私保护机制横向对比
flutter·harmonyos
空白诗6 小时前
基础入门 Flutter for OpenHarmony:Opacity 透明度组件详解
flutter
lili-felicity6 小时前
进阶实战 Flutter for OpenHarmony:animations 第三方库实战 - 流畅过渡动画系统
flutter
lili-felicity7 小时前
进阶实战 Flutter for OpenHarmony:geolocator 第三方库实战 - GPS定位与位置服务系统
flutter
lili-felicity8 小时前
进阶实战 Flutter for OpenHarmony:webview_flutter 第三方库实战 - 智能内嵌浏览器系统
flutter