Flutter 本地存储实用教程

Posted by CrazyCodeBoy的技术博客官网 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?

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 和讲师以及其他师兄弟们一起学习交流;

参考资料