1.shared_preferences介绍

shared_preferences主要的作用是用于将数据异步持久化到磁盘,因为持久化数据只是存储到临时目录,当app删除时该存储的数据就是消失,web开发时清除浏览器存储的数据也将消失。

支持存储类型:

  • bool
  • int
  • double
  • string
  • stringList

shared_preferences应用场景

主要用于持久化数据,如持久化用户信息、列表数据等。

持久化用户信息

因为用户信息基本是不改变的,而在一个应用程序中常常会有多个页面需要展示用户信息,我们不可能每次都去获取接口,那么本地持久化就会变得很方便。

持久化列表数据

为了给用户更好的体验,在获取列表数据时我们常常会先展示旧数据,带给用户更好的体验,不至于一打开页面就是空白的,当我们采用持久化列表数据后,可以直接先展示本地数据,当网络数据请求回来后在进行数据更新。

shared_preferences使用的对应类库

我们知道每个平台持久化数据的方式都不一样,而shared_preferences针对不同的平台封装了一个通用的类库,接下来我们看看不同平台下他们使用的库:

  • iOS: NSUserDefaults
  • Android: SharedPreferences
  • Web: localStorage
  • Linux: FileSystem(保存数据到本地系统文件库中)
  • Mac OS: FileSystem(保存数据到本地系统文件库中)
  • Windows: FileSystem(保存数据到本地系统文件库中)

2.shared_preferences基本使用

导入头文件

import 'package:shared_preferences/shared_preferences.dart';

获取实例对象

SharedPreferences? sharedPreferences = await SharedPreferences.getInstance();

2.1.持久化数据的存储和读取

我们可以通过sharedPreferences的实例化对象调用对应的set方法设置持久化数据,通过get方法进行获取.

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';class SharedPreferencesExample extends StatefulWidget {@override_SharedPreferencesExampleState createState() => _SharedPreferencesExampleState();
}class _SharedPreferencesExampleState extends State<SharedPreferencesExample> {SharedPreferences? sharedPreferences;// 设置持久化数据void _setData() async {// 实例化sharedPreferences = await SharedPreferences.getInstance();// 设置string类型await sharedPreferences?.setString("name", "Jimi");// 设置int类型await sharedPreferences?.setInt("age", 18);// 设置bool类型await sharedPreferences?.setBool("isTeacher", true);// 设置double类型await sharedPreferences?.setDouble("height", 1.88);// 设置string类型的数组await sharedPreferences?.setStringList("action", ["吃饭", "睡觉", "打豆豆"]);setState(() {});}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("SharedPreferences"),),floatingActionButton: FloatingActionButton(onPressed: _setData,child: Icon(Icons.add),),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,crossAxisAlignment: CrossAxisAlignment.center,children: [Text("名字: ${sharedPreferences?.getString("name") ?? ""}",style: TextStyle(color: Colors.blue,fontSize: 20),),SizedBox(height: 20,),Text("年龄: ${sharedPreferences?.getInt("age") ?? ""}",style: TextStyle(color: Colors.red,fontSize: 20),),SizedBox(height: 20,),Text("是老师吗?: ${sharedPreferences?.getBool("isTeacher") ?? ""}",style: TextStyle(color: Colors.orange,fontSize: 20),),SizedBox(height: 20,),Text("身高: ${sharedPreferences?.getDouble("height") ?? ""}",style: TextStyle(color: Colors.pink,fontSize: 20),),SizedBox(height: 20,),Text("我正在: ${sharedPreferences?.getStringList("action") ?? ""}",style: TextStyle(color: Colors.purple,fontSize: 20),),],),),);}
}

2.2. 获取持久化数据中所有存入的key

List<String> keys = sharedPreferences?.getKeys().toList() ?? [];
print(keys);// 控制台输出
[name, age, isTeacher, height, action]

2.3.判断持久化数据中是否包含某个key

bool isContainKey = sharedPreferences?.containsKey("name") ?? false;
print(isContainKey);// 控制台输出
flutter: true

2.4.删除持久化数据中某个key

bool isRemoveKey = await sharedPreferences?.remove("name") ?? false;
print(isRemoveKey);// 控制台输出
flutter: true

2.5.清除所有持久化数据

bool isClearAllKey = await sharedPreferences?.clear() ?? false;
print(isClearAllKey);// 控制台输出
flutter: true

2.6.重新加载所有数据(仅重载运行时)

await sharedPreferences?.reload();

3.shared_preferences封装

我们在使用shared_preferences时每次都需要去获取它的实例,如果多个地方用到,那么每次都要实例化一次。这样代码的可读性差,后期的维护成本也变得很高,而且还不支持存储Map类型,所以接下来我们对shared_preferences来封装一个通用而且使用更简单的库。

使用单例模式进行shared_preferences封装

因为我们获取的都是同一个实例,所以采用单例模式来进行封装最好,而且获取实例是异步的,所以我们在应用程序启动时先初始化,这样使用起来更加的方便。

创建单例类

因为我们代码都是采用了空安全,所以空安全里面有个非常重要的属性late来延迟加载我们实例,如下.

class JSpUtil {JSpUtil._internal();factory JSpUtil() => _instance;static late final JSpUtil _instance = JSpUtil._internal();
}

初始化shared_preferences

因为采用单例模式,所以在获取唯一实例的时候我们在入口统一获取一次即可。

static late SharedPreferences _preferences;static Future<JSpUtil> getInstance() async {_preferences = await SharedPreferences.getInstance();return _instance;
}

封装方式一:对应get、set方法

/// 根据key存储int类型
static Future<bool> setInt(String key, int value) {return _preferences.setInt(key, value);
}/// 根据key获取int类型
static int? getInt(String key, {int defaultValue = 0}) {return _preferences.getInt(key) ?? defaultValue;
}/// 根据key存储double类型
static Future<bool> setDouble(String key, double value) {return _preferences.setDouble(key, value);
}/// 根据key获取double类型
static double? getDouble(String key, {double defaultValue = 0.0}) {return _preferences.getDouble(key) ?? defaultValue;
}/// 根据key存储字符串类型
static Future<bool> setString(String key, String value) {return _preferences.setString(key, value);
}/// 根据key获取字符串类型
static String? getString(String key, {String defaultValue = ""}) {return _preferences.getString(key) ?? defaultValue;
}/// 根据key存储布尔类型
static Future<bool> setBool(String key, bool value) {return _preferences.setBool(key, value);
}/// 根据key获取布尔类型
static bool? getBool(String key, {bool defaultValue = false}) {return _preferences.getBool(key) ?? defaultValue;
}/// 根据key存储字符串类型数组
static Future<bool> setStringList(String key, List<String> value) {return _preferences.setStringList(key, value);
}/// 根据key获取字符串类型数组
static List<String> getStringList(String key, {List<String> defaultValue = const []}) {return _preferences.getStringList(key) ?? defaultValue;
}/// 根据key存储Map类型
static Future<bool> setMap(String key, Map value) {return _preferences.setString(key, json.encode(value));
}/// 根据key获取Map类型
static Map getMap(String key) {String jsonStr = _preferences.getString(key) ?? "";return jsonStr.isEmpty ? Map : json.decode(jsonStr);
}

封装方式二:统一set、get方法

/// 通用设置持久化数据
static setLocalStorage<T>(String key, T value) {String type = value.runtimeType.toString();switch (type) {case "String":setString(key, value as String);break;case "int":setInt(key, value as int);break;case "bool":setBool(key, value as bool);break;case "double":setDouble(key, value as double);break;case "List<String>":setStringList(key, value as List<String>);break;case "_InternalLinkedHashMap<String, String>":setMap(key, value as Map);break;}
}/// 获取持久化数据
static dynamic getLocalStorage<T>(String key) {dynamic value = _preferences.get(key);if (value.runtimeType.toString() == "String") {if (_isJson(value)) {return json.decode(value);}}return value;
}

两种封装的使用方式

// 设置String类型
await JSpUtil.setString("name", "Jimi");// 设置int类型
await JSpUtil.setInt("age", 18);// 设置bool类型
await JSpUtil.setBool("isTeacher", true);// 设置double类型
await JSpUtil.setDouble("height", 1.88);// 设置string类型的数组
await JSpUtil.setStringList("action", ["吃饭", "睡觉", "打豆豆"]);// 设置Map类型
await JSpUtil.setMap("weight", {"weight": 112});JSpUtil.setLocalStorage("name", "Jimi");
JSpUtil.setLocalStorage("age", 18);
JSpUtil.setLocalStorage("isTeacher", true);
JSpUtil.setLocalStorage("height", 1.88);
JSpUtil.setLocalStorage("action", ["吃饭", "睡觉", "打豆豆"]);
JSpUtil.setLocalStorage("weight", {"weight": "112"});JSpUtil.getLocalStorage("name");
JSpUtil.getLocalStorage("age");
JSpUtil.getLocalStorage("isTeacher");
JSpUtil.getLocalStorage("height");
JSpUtil.getLocalStorage("action");
JSpUtil.getLocalStorage("weight");// 获取磁盘中所有存入的key
List<String> keys = JSpUtil.getKeys().toList();
print(keys);// 持久化数据中是否包含某个key
bool isContainKey = JSpUtil.containsKey("name");
print(isContainKey);// 删除持久化数据中某个key
bool isRemoveKey = await JSpUtil.remove("name");
print(isRemoveKey);// 清除所有持久化数据
bool isClearAllKey = await JSpUtil.clear();
print(isClearAllKey);// 重新加载所有数据,仅重载运行时
await JSpUtil.reload();

获取值的方式

Text("名字: ${JSpUtil.getString("name")}",style: TextStyle(color: Colors.blue,fontSize: 20),),
SizedBox(height: 20,),
Text("年龄: ${JSpUtil.getInt("age")}",style: TextStyle(color: Colors.red,fontSize: 20),),
SizedBox(height: 20,),
Text("是老师吗?: ${JSpUtil.getBool("isTeacher")}",style: TextStyle(color: Colors.orange,fontSize: 20),),
SizedBox(height: 20,),
Text("身高: ${JSpUtil.getDouble("height")}",style: TextStyle(color: Colors.pink,fontSize: 20),),
SizedBox(height: 20,),
Text("我正在: ${JSpUtil.getStringList("action")}",style: TextStyle(color: Colors.purple,fontSize: 20),),

Flutter 数据存储--shared_preferences使用详情相关推荐

  1. Flutter入门进阶之旅(十二)Flutter 数据存储

    前言 之前的章节我们基本上把Flutter中基础部分的东西都做了简单的讲解,通过前面章节的循序学习读者也基本能完成一些简单的UI绘制并能利用Flutter处理一些简单的用户交互,读者可能也留意到,我们 ...

  2. flutter 数据存储 SharedPreferences

    SharedPreferences SharedPreferences是Android平台上一个轻量级的存储类,用来保存应用的一些常用配置.以键值对的形式保存设置,属性和数据. 在flutter平台也 ...

  3. 利用Flutter写一个跨平台的果核APP(4)——数据存储

    前言 目前我们已经实现了几个界面,今天这篇文章开始着手进行登录页的制作,主要流程就是获取输入框中的内容,发送给后台进行验证,如果成功将返回信息保存在本地并跳转至首页,如果失败就提示用户重新输入. 在这 ...

  4. Flutter开发之数据存储-1-SharedPreferences(32)

    前面讲了很多控件的文章,网络部分也讲了3篇了,图片部分也已经讲过.数据存储部分在移动开发中是非常重要的部分,无论是一些轻量级的数据(如用户信息.APP配置信息等)还是把需要长期存储的数据写入本地文件或 ...

  5. Flutter开发之数据存储-2-文件存储(33)

    数据存储部分在移动开发中是非常重要的部分,无论是一些轻量级的数据(如用户信息.APP配置信息等)还是把需要长期存储的数据写入本地文件或者Sqlite3.都离不开数据存储,上一篇SharedPrefer ...

  6. Android本地存储键值对,flutter本地存储键值对简单数据(相当于web的localstorage) 代码实现...

    flutter中存储键值对简单数据(相当于前端localstorage概念) 首先需要安装一个官方推荐包: 1 dependencies: 2 flutter: 3 sdk: flutter 4 sh ...

  7. Flutter开发之数据存储-3-数据库存储(34)

    上一篇讲了文件存储path_provider的使用,今天接着学习第三种数据存储方式:Sqlite3.在Flutter中的数据库叫Sqflite跟原生安卓的Sqlite叫法不一样.我们来看下Sqflit ...

  8. android的数据存储方式有哪几种方式,android存储数据的几种方式比较

    机身内存读取主要用个两个类文件输入流(FileInputStream)和文件输出流(FileOutputStream):FileInputStream fileInput = this.openFil ...

  9. 特斯拉:已在中国建立数据中心,以实现数据存储本地化

    5月25日,@特斯拉发文称,已经在中国建立数据中心,以实现数据存储本地化,并将陆续增加更多本地数据中心.所有在中国大陆市场销售车辆所产生的数据,都将存储在境内. 特斯拉很荣幸与业内专家就<汽车数 ...

最新文章

  1. Linux服务器日常巡检脚本分享
  2. Numpy-浅拷贝和深拷贝
  3. 一步一步学Vue(四)
  4. loading窗口动画 web_loading动画
  5. Phase2 Day16 数据库SQL
  6. 安全龙网络安全攻防实验室
  7. hihocoder 1224 赛车
  8. 好读书之后是什么?(转)
  9. 飞利浦Georg Jensen联名系列真无线耳机JT60重磅上市
  10. 用户分享率高达87% KilaKila恋爱小程序的女性营销逻辑
  11. 全国降雨侵蚀力因子R值计算/土壤侵蚀计算
  12. 【Swift】监听耳机插入拔出的通知
  13. ZUCC_操作系统原理实验_Lab9进程的通信消息队列
  14. 微信支付结果通知签名错误问题分析与解决办法
  15. 屏幕太大?来试试分屏吧
  16. 支持USB Type-C接口PD快充的任天堂游戏机蓝牙发射器应用简介
  17. 几款常见的视频格式转换器
  18. 1953: IG厉害
  19. VS2017 VisualSVN过期用不了问题
  20. intext php,信息素养

热门文章

  1. CentOS 7 安装 Letsencrypt 客户端 Certbot
  2. VUE2.0仿饿了吗app
  3. 一级市场与二级市场,谁是韭菜,谁是收割韭菜?
  4. Vue.js 实现时间轴功能
  5. 24考研数学每日一题(带解析)2023年12月1日-2023年12月31日
  6. linux系统支持i9吗,在液态氮加持下英特尔i9-9900K处理器竟被超频至7.6GHz,太吓人呢!...
  7. 无线网已连接 但是无网络连接到服务器,tplink路由器网络已连接但是上不了网怎么办?...
  8. Arrow 之 Parquet
  9. ▩Dart-杂谈函数及类
  10. 接口测试(详细文档)