Skip to content

Latest commit

 

History

History
64 lines (49 loc) · 2.58 KB

README.md

File metadata and controls

64 lines (49 loc) · 2.58 KB

蘑菇碳的Flutter金融理财App

    RN是一种中间妥协方案,它会被浏览器技术的进步而取代,而Flutter是更加面向未来的一种彻底的跨平台渲染框架。

        by 闲鱼架构师:邬吉风

没错。用了Flutter就停不下来了。

Example尽量多些常用的交互,少写些静态页面。

订阅点watch,喜欢点Star,尽量别 Fork。


项目介绍

  • 项目采用IndexedStack作为大框架,同时配置动态加载和缓存。
  • 请求封装在/lib/api/my_xhr.dart,后台服务放置于/back-end目录,使用NodeJS搭建(单纯读JSON返回)
  • 屏幕适配使用了李卓原的适配方案,源码放置于/lib/unit/screen_util_source.dart
  • 登陆使用SharedPreferences(类似LocalStorage)实现长期登陆。
  • 轮播图使用SingleTickerProviderStateMixinControl+PageView+TabPageSelector+Timer实现
  • 动态路由封装在/lib/unit/route_animation.dart
  • EventBus使用FlutterChina的方式
  • WebView使用flutter_webview_plugin实现
  • 财富页仿蚂蚁财富定期理财,利用TabBar+TabBarView实现,同时使用AutomaticKeepAliveClientMixin重写wantKeepAlive
  • 银行精选使用for循环组装成页面的方式实现渲染
  • 登录页仿陆金所登陆,主要使用Wrap实现
  • 新闻页仿微信朋友圈,使用CustomScrollView+SliverGrid实现

效果图

首页 银行理财页 webview
用户信息页 登录页 用户页

动态图(录制+压缩过程导致图片失真,请见谅)

欢迎图 登录动态图 登录动态图

项目计划

  • 静态页面
  • ScreenUtil 屏幕适配
  • 路由 + 回调 + 动画
  • 封装无限轮播图
  • EvnetBus
  • 封装httpClient请求
  • koa2 + node 后台服务器
  • 请求数据动态拼接
  • Storage 保持登录状态
  • 实现 webview
  • 缓存组件
  • 页面 keepa-live
  • 解决页面切换重绘问题
  • Redux
  • node架构完善
  • RxDart

外链: