📂

Multi-platform

multiPlatform

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

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

BaseModalConfig + RadixSheet + RadixModal: Unified Modal Architecture

A unified modal system based on the BaseModalConfig abstract class, RadixSheet bottom sheet, RadixModal centered modal, and RadixFullScreen, supporting deduplication and queue management.

Multi-platform