JDFlutter: A One‑Stop Cross‑Platform Development Solution and Its Architecture

Flutter is regarded as an essential path in the era of large‑scale front‑end development, offering high performance, UI consistency across platforms, and efficient debugging, which makes it attractive for native developers seeking a cross‑platform framework.

JD.com’s technology platform has deeply explored cross‑platform mobile development since 2017, launching JDReact and a mini‑program platform, and began experimenting with Flutter in logistics apps, achieving a pure Flutter app launch in early 2018 that reduced development manpower by 25%.

Despite its advantages, Flutter faces challenges such as an immature ecosystem, high initial effort for framework setup, and limitations like lack of iOS dynamic code execution.

To address these issues, JDFlutter was created as a one‑stop solution comprising a container, development tools, a component platform, demo apps, and a technical community, providing developers with SDKs, components, and a unified API.

Container : Acts as a middle layer between the OS and business logic, isolating dependencies, enabling unified technology stacks, component reuse, modular replacement, reduced package size, and isolated business code compilation.

Dynamic Updates : Implements a strategy where Flutter code is compiled to JavaScript via dart2js, delivered from a server, and rendered by the Flutter container, allowing runtime UI changes without app store releases.

Module Injection : Provides essential modules (network, image, logging, performance, device, QR code, video, etc.) in pure Dart or native‑wrapped forms, injected based on the target platform.

Flutter2Web : Converts Flutter applications to H5 for disaster recovery, enabling the same codebase to run in a webview with JavaScript channel support.

iOS Slimming : Reduces the IPA size by dynamically delivering parts of the Flutter engine and stripping resources, achieving about a 28% reduction in package size.

Hybrid Development : Supports integration of Flutter modules into native projects as AAR or framework binaries, allowing seamless coexistence of Flutter and native code.

Multi‑Team Container Development : Allows independent compilation, debugging, and deployment of business components, reducing cross‑dependency and improving parallel development.

Pub Repository : An internal package registry with authentication, permission management, documentation, and community features, hosting hundreds of shared Flutter components.

Full‑Process Support : Provides tools for one‑click project creation, SDK integration, hot updates, gray releases, plugin publishing, online packaging, exception monitoring, and disaster recovery, facilitating end‑to‑end development.

JDFlutter continues to evolve with close collaboration with the Flutter team at Google, aiming to open its solutions to external developers and further advance cross‑platform mobile development.