Flutter

0 articles

H5 Web OAuth Popup Login: From Popup Blocking to Three-Channel Redundancy Complete Implementation

In-depth analysis of the complete implementation of H5 Web OAuth popup login, including synchronously opening a blank popup to bypass blockers, three-channel Token redundant communication (postMessage + StorageEvent + localStorage polling) to solve Chrome background tab throttling issues, and full-process bug debugging experience summary.

Multi-platform

JoyMini Flutter App — Cross-Platform Super App Architecture Practice

A social media and e-commerce integrated super app built with Flutter + Riverpod + GoRouter + Dio, covering core features such as IM, LuckyDraw, KYC, e-commerce, and Wallet

Project Cases

UserStore / WalletStore / ConfigStore: Hydrated Trio — Flutter Persistent State Management

Analyzing three core Stores based on HydratedStateNotifier — UserStore manages user profiles and local DB initialization, WalletStore caches balances, ConfigStore caches dynamic configurations, along with the parallel refresh strategy after login.

Multi-platform

UnifiedInterceptor: Error Strategy Dispatch + Single-Flight Token Refresh

UnifiedInterceptor is a Dio HTTP interceptor that serves as the central nervous system for all HTTP communication in a Flutter application, handling device fingerprint injection, error strategy dispatch, single-flight token refresh, and server time synchronization.

Multi-platform

ShareService + DeepLinkService: Multi-Platform Sharing and Deep Link Integration

A multi-platform sharing and deep linking system supporting platform-specific URL schemes, cold/warm start handling, duplicate prevention, and OAuth URL filtering.

Multi-platform

ServerTimeHelper: Time Calibration + Countdown — Server-Side Time Synchronization System

An in-depth analysis of how ServerTimeHelper synchronizes mobile client and server time, solving issues caused by user clock tampering, timezone inconsistencies, and network latency in countdown and check-in logic.

Multi-platform

Responsive Form + JSON Schema Code Generation Form System

A Flutter reactive form system, including a Stream-based ReactiveFormController (value/status/error BehaviorSubject), JSON Schema server-driven form configuration, Prisma Schema to Dart code generation, a dynamic FormFieldGenerator supporting 12+ field types, cross-field subscriptions, computed fields, conditional visibility based on the dependsOn pattern, debounced auto-save with draft recovery, and a complete dynamic product form practical demonstration.

Multi-platform

PlatformAdapter: Conditional Export — Cross-Platform Conditional Compilation Pattern

An in-depth exploration of the PlatformAdapter pattern in Flutter using Dart's conditional export mechanism. It encapsulates platform-specific implementations behind a unified interface, supports iOS, Android, and Web, and enables dead code elimination.

Multi-platform

Pipeline Runner: Sequential Execution Pattern — A Reliable Asynchronous Pipeline Architecture

Analysis of the Pipeline Runner pattern for executing multi-step asynchronous operations, supporting sequential orchestration, per-step retry strategies, timeouts, error boundaries, and built-in observability.

Multi-platform

MotionX: Widget Animation Extension + WiggleOnTap——Click Shake and Zoom

Analyzing the MotionX extension pattern, using flutter_animate and ValueKey replay techniques to add click shake, zoom, and rotation animations to any Widget, achieving lightweight and reusable interactive effects.

Multi-platform