契机

  • 随着豆豆的出生，自己在应用商店无意间看到了《时光小屋》APP

  • 可以上传豆豆的日常，感觉很不错，相册毕竟什么都有，还是无序的，有效以及目的性的查看很少

  • 媳妇看到后还埋怨我为什么不给她也推荐一下，正在满心欢喜的介绍的时候，发现储存已满，上传不上去了，需要开通会员

  • 秉承着能白嫖的绝对不会掏钱的思想，想着自己做一个，自己现在也有云服务器

  • 一开始想着就是uni-app进行开发，但是发现获取相册不能自定义，查看发现flutter 可以，所以最后决定选择flutter进行开发，顺便进行一下flutter开发学习

开发

准备工作

本地之前有flutter环境，直接使用vscode进行创建，初始化信息为下图显示

前端页面开发

时光轴页面（首页）

此页面分为

  1. 时间轴标题

  2. 时间轴内容盒子、盒子分为上下区域

    1. 上区域分为视频图片合集

      1. 一个内容的话直接全部显示

      2. 两个左右显示

      3. 三个左边平铺，右边上下显示

      4. 四个分为四份显示

      5. 四个以上右下角显示数量

    2. 下区域左右显示上传人，右边点赞与评论先不做