flutter 个人记账项目(TF 中)

金融 理财 案例ID:140171
YeungKC
5 年经验· 跨越速运集团有限公司
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

该项目是一个极简的记账项目,主要用到的 Bloc 状态管理,Moor 数据库存储,Dio 网络请求,和 Js 后端
应用内大多数数据是通过监听数据库实现,数据驱动的方式来更新 UI,数据库转换成 broadCaseStream,从而满足多次多个 Widget 多次订阅,减少实际 IO 次数。 为了更为细致的控制局部刷新,基本上没有使用 StatefulWidget,大部分逻辑处理工作放到 Bloc 去操作,通过 BlocBuilder 进行更细致的控制,并且可以将每一个 Bloc 拆分到更细的地 步。
项目内部使用了非常多的 ImplicitlyAnimatedWidget,改变内部元素即可自动进行动画,将 动画逻辑封装,将注意力集中放到数据而不是控制本身。相关文章:Flutter 自定义 ImplicitlyAnimatedWidget 及源码解析。
SliverPersistentHeader 的使用上需要确定尺寸,而实际上往往很少能够得出具体尺寸,为 了更方便使用,Header 部分实现了一个 SliverPinnedBoxAdapter,通过自定义 layout 和 hitTest 实现 pinned Header 效果。
在账单月份切换的界面,需要监听 scrollView 内部 widget,通过自定义 Element,重写 mount 和 unmount 确定每次内部 widget 更新,然后通过 element 获取 renderObject 和 Viewport 来确定 Element 具体位置,并通过监听 ScrollNotification 变化增加计算频率从而 达到实时监听 scrollView 内 widget 变化。顺带获取了 ScrollNotification,根据滑动速度可 以满足运营场景的曝光埋点跟踪需求。现已封装开源:widgets_visibility_provider。 使用颜色的对比度关系,通过多颜色模型,来生成暗黑模式配色方案。
Widget 封装复用,减少 UI 编写的回调地狱

flutter 个人记账项目(TF 中)

金融 · 理财 案例ID:140171
联系该工程师
微信扫码,建群沟通
作者: YeungKC - 5年经验- 跨越速运集团有限公司

案例介绍

该项目是一个极简的记账项目,主要用到的 Bloc 状态管理,Moor 数据库存储,Dio 网络请求,和 Js 后端
应用内大多数数据是通过监听数据库实现,数据驱动的方式来更新 UI,数据库转换成 broadCaseStream,从而满足多次多个 Widget 多次订阅,减少实际 IO 次数。 为了更为细致的控制局部刷新,基本上没有使用 StatefulWidget,大部分逻辑处理工作放到 Bloc 去操作,通过 BlocBuilder 进行更细致的控制,并且可以将每一个 Bloc 拆分到更细的地 步。
项目内部使用了非常多的 ImplicitlyAnimatedWidget,改变内部元素即可自动进行动画,将 动画逻辑封装,将注意力集中放到数据而不是控制本身。相关文章:Flutter 自定义 ImplicitlyAnimatedWidget 及源码解析。
SliverPersistentHeader 的使用上需要确定尺寸,而实际上往往很少能够得出具体尺寸,为 了更方便使用,Header 部分实现了一个 SliverPinnedBoxAdapter,通过自定义 layout 和 hitTest 实现 pinned Header 效果。
在账单月份切换的界面,需要监听 scrollView 内部 widget,通过自定义 Element,重写 mount 和 unmount 确定每次内部 widget 更新,然后通过 element 获取 renderObject 和 Viewport 来确定 Element 具体位置,并通过监听 ScrollNotification 变化增加计算频率从而 达到实时监听 scrollView 内 widget 变化。顺带获取了 ScrollNotification,根据滑动速度可 以满足运营场景的曝光埋点跟踪需求。现已封装开源:widgets_visibility_provider。 使用颜色的对比度关系,通过多颜色模型,来生成暗黑模式配色方案。
Widget 封装复用,减少 UI 编写的回调地狱

相似案例推荐

  • 部门作品

    部门作品

    集黄金首饰线上交易及理财一体APP;负责PC和移动端产品的视

  • mt4

    mt4

    专业主标白标搭建,找我咨询,,,,,,,,,,,,,,,,,

  • 浙商银行

    浙商银行

    描述:浙商银行是一家全国性股份制商业银行,借记卡信用卡,转账

  • 个人财务app

    个人财务app

    这个项目是个人财务app,手机端桌面端都有。我负责全部开发和

  • 现场PC录值端

    现场PC录值端

    项目由WINFORM开发,主要功能是录入游戏开牌结果到PC端

  • 业务管理系统

    业务管理系统

    各业务管理系统部分原型,主要负责: 1.后台管理系统功能模

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×