RN是一种中间妥协方案,它会被浏览器技术的进步而取代,而Flutter是更加面向未来的一种彻底的跨平台渲染框架。
by 闲鱼架构师:邬吉风
没错。用了Flutter就停不下来了。
Example尽量多些常用的交互,少写些静态页面。
- 项目采用
IndexedStack
作为大框架,同时配置动态加载和缓存。 - 请求封装在
/lib/api/my_xhr.dart
,后台服务放置于/back-end
目录,使用NodeJS搭建(单纯读JSON返回) - 屏幕适配使用了李卓原的适配方案,源码放置于
/lib/unit/screen_util_source.dart
- 登陆使用
SharedPreferences
(类似LocalStorage
)实现长期登陆。 - 轮播图使用
SingleTickerProviderStateMixin
的Control
+PageView
+TabPageSelector
+Timer
实现 - 动态路由封装在
/lib/unit/route_animation.dart
- EventBus使用FlutterChina的方式
- WebView使用
flutter_webview_plugin
实现 - 财富页仿蚂蚁财富定期理财,利用
TabBar
+TabBarView
实现,同时使用AutomaticKeepAliveClientMixin
重写wantKeepAlive
- 银行精选使用for循环组装成页面的方式实现渲染
- 登录页仿陆金所登陆,主要使用
Wrap
实现 - 新闻页仿微信朋友圈,使用
CustomScrollView
+SliverGrid
实现
- 静态页面
- ScreenUtil 屏幕适配
- 路由 + 回调 + 动画
- 封装无限轮播图
- EvnetBus
- 封装httpClient请求
- koa2 + node 后台服务器
- 请求数据动态拼接
- Storage 保持登录状态
- 实现 webview
- 缓存组件
- 页面 keepa-live
- 解决页面切换重绘问题
- Redux
- node架构完善
- RxDart