Flutter

0 篇文章

H5 Web OAuth 弹窗登录：从弹窗拦截到三通道冗余的完整实现

深入剖析 H5 Web OAuth 弹窗登录的完整实现，包括同步打开空白弹窗绕过拦截器、三通道 Token 冗余通信（postMessage + StorageEvent + localStorage 轮询）解决 Chrome 后台 tab 节流问题，以及全流程 Bug 调试经验总结。

多平台

JoyMini Flutter App — 跨平台超级 App 架构实践

基于 Flutter + Riverpod + GoRouter + Dio 构建的社交媒体电商一体化超级 App，覆盖 IM、LuckyDraw、KYC、电商、钱包等核心功能

项目案例

UserStore / WalletStore / ConfigStore: Hydrated 三件套——Flutter 持久化状态管理

分析基于 HydratedStateNotifier 的三个核心 Store——UserStore 管理用户档案与本地 DB 初始化、WalletStore 缓存余额、ConfigStore 缓存动态配置，以及登录后的并行刷新策略。

多平台

UnifiedInterceptor: 错误策略分发 + 单飞 Token 刷新

UnifiedInterceptor 是一个 Dio HTTP 拦截器，作为 Flutter 应用中所有 HTTP 通信的中枢神经系统，处理设备指纹注入、错误策略分发、单飞 Token 刷新和服务器时间同步。

多平台

ShareService + DeepLinkService: 多平台分享与深度链接集成

一个多平台分享和深度链接系统，支持平台特定的 URL Scheme、冷启动/热启动处理、重复预防和 OAuth URL 过滤。

多平台

ServerTimeHelper: 时间校准 + 倒计时——服务端时间同步系统

深入分析 ServerTimeHelper 如何同步移动客户端与服务器时间，解决用户篡改时钟、时区不一致和网络延迟在倒计时和签到逻辑中引发的问题。

多平台

响应式表单 + JSON Schema 代码生成表单系统

一套 Flutter 响应式表单系统，包含基于 Stream 的 ReactiveFormController（value/status/error BehaviorSubject）、JSON Schema 服务端驱动表单配置、Prisma Schema 到 Dart 代码生成、支持 12+ 字段类型的动态 FormFieldGenerator、跨字段订阅、计算字段、基于 dependsOn 模式的条件可见性、防抖自动保存草稿恢复，以及完整的动态商品表单实战演示。

多平台

PlatformAdapter: 条件导出——跨平台条件编译模式

深入探讨 Flutter 中利用 Dart 条件导出机制实现的 PlatformAdapter 模式，将平台特定实现封装在统一接口之后，支持 iOS、Android 和 Web，并实现死代码消除。

多平台

Pipeline Runner: 顺序执行模式——可靠的异步管道架构

Pipeline Runner 模式的分析，用于执行多步骤异步操作，支持顺序编排、每步重试策略、超时、错误边界和内置可观测性。

多平台

MotionX: Widget 动画扩展 + WiggleOnTap——点击抖动与放大

分析 MotionX 扩展模式，通过 flutter_animate 和 ValueKey 重放技巧为任意 Widget 添加点击抖动、放大和旋转动画，实现轻量可复用的交互动效。

多平台