Flutter 本地存储实用教程

Posted by manbetx客户端应用下载 on April 24, 2019

 Flutter Http网络操作实用教程

为大家倾力打造的课程《Flutter从入门到进阶-实战携程网App》上线了,解锁Flutter开发新姿势,一网打尽Flutter核心技术 点我Get!!!

在这篇文章中,我将向大家分享Flutter 本地存储的一些实用知识和技巧。首先会带你一起认识什么是shared_preferences如何使用shared_preferences、以及shared_preferences有那些常用的API?,最后会通过一个计数器的例子来巩固Flutter 中本地存储的知识点等。

  • 在你学习Flutter 本地存储过程中遇到无法解决的问题或疑问,都可以在课程问答区进行提问,课程老师会对你进行辅导和帮助;

目录

  • shared_preferences 是什么?
  • 如何使用shared_preferences
  • shared_preferences有那些常用的API?
  • 基于shared_preferences实现计数器Demo

数据存储是开发APP必不可少的一部分,比如页面缓存,从网络上获取数据的本地持久化等,那么在Flutter中如何进行数据存储呢?

Flutter官方推荐我们用shared_preferences进行数据存储,它类似于React Native中的AsyncStorage

什么是shared_preferences?

manbetx客户端应用下载-shared_preferences是Flutter社区开发的一个本地数据存取插件,它有以下特性:

如何使用shared_preferences?

首先在pubspec.yaml文件中添加:

dependencies: shared_preferences: ^0.5.1+ 

记得运行安装哦:flutter packages get

在需要用到的文件中导入:

import 'package:shared_preferences/shared_preferences.dart'; 

存储数据

final prefs = await SharedPreferences.getInstance(); // set value prefs.setInt('counter', counter); 

查看全部完整代码

读取数据

final prefs = await SharedPreferences.getInstance(); // Try reading data from the counter key. If it does not exist, return 0. final counter = prefs.getInt('counter') ?? 0;} 

查看全部完整代码

删除数据

final prefs = await SharedPreferences.getInstance(); prefs.remove('counter'); 

查看全部完整代码

shared_preferences有那些常用的API?

存储相关

shared_preferences

如上图shared_preferences支持int, double, bool, stringstringList类型的数据存储;

读取相关

shared_preferences

上图shared_preferences中所提供的读取相关的API;

基于shared_preferences实现计数器Demo

shared_preferences

... class _CounterWidget extends StatefulWidget { @override _CounterState createState() => _CounterState(); } class _CounterState extends State<_CounterWidget> { String countString = ''; String localCount = ''; @override Widget build(BuildContext context) { return Center( child: Column( children: <Widget>[ RaisedButton( onPressed: _incrementCounter, child: Text('Increment Counter')), RaisedButton(onPressed: _getCounter, child: Text('Get Counter')), Text( countString, style: TextStyle(fontSize: 20), ), Text( 'result:' + localCount, style: TextStyle(fontSize: 20), ), ], ), ); } _incrementCounter() async { SharedPreferences prefs = await SharedPreferences.getInstance(); setState(() { countString = countString + " 1"; }); int counter = (prefs.getInt('counter') ?? 0) + 1; await prefs.setInt('counter', counter); } _getCounter() async { SharedPreferences prefs = await SharedPreferences.getInstance(); setState(() { localCount = prefs.getInt('counter').toString(); }); } } 

查看全部完整代码

以上便是Flutter 本地存储的一些实用知识和技巧,你Get到了吗!

  • 本文学习过程中遇到无法解决的问题可以在课程问答区进行提问,课程老师会对你进行辅导和帮助;
  • 欢迎加入课程官方群:795410523 和讲师以及其他师兄弟们一起学习交流;

参考资料