为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Flutter本地存储看完这篇就够了!

2019.04.25 00:00 5489浏览

Flutter Http网络操作实用教程

在这篇文章中,我将向大家分享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社区开发的一个本地数据存取插件,它有以下特性:

  • 简单的,异步的,持久化的key-value存储系统;
  • 在Android上它是基于SharedPreferences的;
  • 在iOS上它是基于NSUserDefaults的;

如何使用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 {
  
  _CounterState createState() => _CounterState();
}

class _CounterState extends State<_CounterWidget> {
  String countString = '';
  String localCount = '';

  
  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 和讲师以及其他师兄弟们一起学习交流;
点击查看更多内容

本文首次发布于慕课网 ,转载请注明出处,谢谢合作

4人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 邀请有奖 帮助中心 APP下载
官方微信

举报

0/150
提交
取消