Flutter 新闻客户端 - 07 Provider、认证授权、骨架屏、磁盘缓存

最新推荐文章于 2024-07-30 22:51:51 发布

独立开发者_猫哥

最新推荐文章于 2024-07-30 22:51:51 发布

阅读量801

点赞数

分类专栏： Flutter 新闻客户端文章标签： flutter

本文链接：https://blog.csdn.net/weixin_42320543/article/details/107250607

版权

该博客介绍了如何在Flutter新闻客户端中使用Provider进行动态灰度处理，实现了首次登录的欢迎界面、离线登录功能，并详细讲解了Provider的安装、数据响应变化的处理方式。同时，讨论了Http Status 401的认证授权问题，以及首页的磁盘缓存策略和骨架屏的实现。

摘要由CSDN通过智能技术生成

B站视频

https://www.bilibili.com/video/BV1vV411o7bn
https://www.bilibili.com/video/BV1SA411t7ov
https://www.bilibili.com/video/BV1jt4y1U7Nn
https://www.bilibili.com/video/BV1wt4y127L5
https://www.bilibili.com/video/BV1b54y1d7DB
https://www.bilibili.com/video/BV11z411b7FJ

本节目标

第一次登录显示欢迎界面
离线登录
Provider 响应数据管理
实现 APP 色彩灰度处理
注销登录
Http Status 401 认证授权
首页磁盘缓存
首页缓存策略，延迟 1~3 秒
首页骨架屏

视频

资源

蓝湖设计稿（加微信给授权 ducafecat）
https://lanhuapp.com/url/wbhGq
YAPI 接口管理
http://yapi.demo.qunar.com/
代码
https://github.com/ducafecat/flutter_learn_news/releases/tag/v1.0.7
参考
- provider
- pk_skeleton

第一次显示欢迎界面、离线登录

lib/global.dart

  /// 是否第一次打开
  static bool isFirstOpen = false;

  /// 是否离线登录
  static bool isOfflineLogin = false;

  /// init
  static Future init() async {
    ...

    // 读取设备第一次打开
    isFirstOpen = !StorageUtil().getBool(STORAGE_DEVICE_ALREADY_OPEN_KEY);
    if (isFirstOpen) {
      StorageUtil().setBool(STORAGE_DEVICE_ALREADY_OPEN_KEY, true);
    }

    // 读取离线用户信息
    var _profileJSON = StorageUtil().getJSON(STORAGE_USER_PROFILE_KEY);
    if (_profileJSON !=