BestHub
Sign in
Tagged articles
461 articles
Page 3 of 5
Xianyu Technology
Xianyu Technology
Sep 15, 2021 · Mobile Development

Understanding Flutter Gesture System and Conflict Resolution

Flutter determines which widget handles a pointer by converting raw data into PointerEvents, hit‑testing the widget tree, and routing events through a GestureArena where recognizers compete, as illustrated by an image viewer that resolves conflicts between pinch‑zoom and horizontal drag using custom recognizers and boundary‑aware scrolling.

FlutterGestureArenaconflict resolution
0 likes · 8 min read
Understanding Flutter Gesture System and Conflict Resolution
ByteDance Terminal Technology
ByteDance Terminal Technology
Sep 9, 2021 · Mobile Development

Resolving Thread Merging Issues in Flutter Multi‑Engine PlatformView Scenarios

This article explains the thread‑merging problem that arises when using PlatformView in Flutter’s multi‑engine setups, analyzes the root causes in both independent and lightweight engines, and presents a comprehensive solution that modifies the engine’s task‑runner merging logic to support one‑to‑many merges.

FlutterPlatformViewThread Merging
0 likes · 27 min read
Resolving Thread Merging Issues in Flutter Multi‑Engine PlatformView Scenarios
Baidu Geek Talk
Baidu Geek Talk
Sep 1, 2021 · Mobile Development

Master Flutter: From Environment Setup to Hybrid App Development

This comprehensive guide walks you through installing the Flutter SDK, configuring environment variables, creating projects and modules, understanding declarative versus imperative programming, exploring Flutter's three-layer architecture, rendering pipeline, platform channel integration, and provides a full counter‑app example with recent version highlights.

DARTEnvironment setupFlutter
0 likes · 17 min read
Master Flutter: From Environment Setup to Hybrid App Development
Taobao Frontend Technology
Taobao Frontend Technology
Aug 26, 2021 · Frontend Development

How Kraken Leverages Flutter to Build a High‑Performance Web Rendering Engine

This article introduces Kraken, a high‑performance, Flutter‑based web rendering engine, detailing its technical background, architecture, bridge implementations, key performance optimizations, extended widget support, and debugging tools, while comparing its rendering flow with traditional WebView and Flutter pipelines.

FFIFlutterKraken
0 likes · 17 min read
How Kraken Leverages Flutter to Build a High‑Performance Web Rendering Engine
Alibaba Terminal Technology
Alibaba Terminal Technology
Aug 23, 2021 · Frontend Development

How Kraken Bridges Flutter and Web: A High‑Performance Rendering Engine

Kraken is an open‑source, high‑performance web rendering engine built on Flutter that implements W3C standards, leverages a three‑generation bridge for C++‑Dart communication, supports SSR, sliver layout, extensible plugins, and provides Chrome DevTools debugging, aiming to unify front‑end and Flutter ecosystems for faster, consistent cross‑platform development.

Bridge ArchitectureFlutterKraken
0 likes · 17 min read
How Kraken Bridges Flutter and Web: A High‑Performance Rendering Engine
Tencent Music Tech Team
Tencent Music Tech Team
Aug 20, 2021 · Mobile Development

How to Slash Flutter App Memory Usage: Practical Image Optimization Strategies

This article details concrete techniques for reducing Flutter app memory consumption, focusing on image cache sizing, resource cropping, local caching, asset compression, cache thresholds, and page‑stack management, while providing step‑by‑step experiments, code snippets, and visual illustrations to guide developers.

FlutterMemory OptimizationMobile Development
0 likes · 9 min read
How to Slash Flutter App Memory Usage: Practical Image Optimization Strategies
360 Smart Cloud
360 Smart Cloud
Aug 19, 2021 · Mobile Development

Setting Up a Unified Development Environment for Mobile Projects Using Homebrew, rbenv, RubyGems, Bundler, and Flutter Wrapper

This guide explains how mobile developers can create a consistent, project‑level development environment by using Homebrew for package management, rbenv for Ruby version control, RubyGems and Bundler for dependency handling, and flutter‑wrapper to standardize Flutter SDK usage across the team.

AliasEnvironment setupFlutter
0 likes · 9 min read
Setting Up a Unified Development Environment for Mobile Projects Using Homebrew, rbenv, RubyGems, Bundler, and Flutter Wrapper
Tencent Music Tech Team
Tencent Music Tech Team
Aug 19, 2021 · Mobile Development

Practical Investigation of Memory Leaks in Flutter – Image Instance Case Study

The article describes how the MOO app team used Flutter's Dart VM Observatory and Allocation Profile tools to detect and fix an image memory leak caused by a custom painter not deregistering an ImageStreamListener, demonstrating step-by-step snapshot comparison, reference‑chain analysis, and the resulting memory stabilization after code fix.

Allocation ProfileDebuggingFlutter
0 likes · 9 min read
Practical Investigation of Memory Leaks in Flutter – Image Instance Case Study
Tencent Music Tech Team
Tencent Music Tech Team
Aug 18, 2021 · Mobile Development

Flutter Memory Management and Leak Prevention in the MOO Music App

The article details MOO Music’s experience with Flutter memory management, explaining the Dart heap, stack, and external memory structures, common leak sources such as missing listener deregistration, unbounded widget lists, retained timers, static references, and third‑party or engine bugs, and offers practical detection and optimization techniques.

FlutterMemory ManagementMobile Development
0 likes · 10 min read
Flutter Memory Management and Leak Prevention in the MOO Music App
JD Tech
JD Tech
Aug 6, 2021 · Frontend Development

Flutter for Web: Overview, Development Process, and Challenges

This article provides a comprehensive overview of Flutter for Web, detailing its architecture, development workflow, code structure, performance considerations, and the advantages and drawbacks of using a single codebase to target mobile and web platforms.

DARTFluttercross‑platform
0 likes · 10 min read
Flutter for Web: Overview, Development Process, and Challenges
ByteDance Terminal Technology
ByteDance Terminal Technology
Aug 4, 2021 · Mobile Development

Achieving Perfect Text Vertical Centering in Flutter: A Deep Dive into Font Metrics and Android Layout Principles

This article explores the underlying font metrics and layout algorithms that cause text vertical misalignment in Flutter, analyzes Android native solutions like includeFontPadding and getTextBounds, and demonstrates how to implement a precise forceVerticalCenter feature by leveraging Minikin and Skia rendering pipelines.

AndroidCross‑platform developmentFlutter
0 likes · 13 min read
Achieving Perfect Text Vertical Centering in Flutter: A Deep Dive into Font Metrics and Android Layout Principles
Alibaba Terminal Technology
Alibaba Terminal Technology
Aug 3, 2021 · Mobile Development

How Xianyu Overcame Early Flutter Hurdles to Build a Successful Mobile Platform

This article recounts Xianyu's pioneering adoption of Flutter since 2017, detailing the technical, organizational, and cultural challenges they faced, the lessons learned from hybrid architecture and open‑source efforts, and why rumors of abandoning Flutter are unfounded as they continue to invest in the technology.

AlibabaCase StudyFlutter
0 likes · 10 min read
How Xianyu Overcame Early Flutter Hurdles to Build a Successful Mobile Platform
HelloTech
HelloTech
Jul 19, 2021 · Mobile Development

Flutter Practice and Architecture in Mobile Development at Hello Travel

At Hello Travel, the team detailed how Flutter’s three‑layer architecture and two custom containers—Sparrow Microservice Container and Lumos Cross‑Platform Business Container—enable rapid exposure of native core functions, seamless integration of business logic, and consistent, high‑performance mobile development across more than nine business lines.

DARTFlutterMicroservices
0 likes · 15 min read
Flutter Practice and Architecture in Mobile Development at Hello Travel
NetEase Smart Enterprise Tech+
NetEase Smart Enterprise Tech+
Jul 8, 2021 · Mobile Development

How to Solve Flutter Multi‑Instance Conflicts When Integrating AAR into Android Apps

This article explains why integrating a Flutter AAR into an Android project that already contains a Flutter app causes version, class, native library, and resource conflicts, and presents a comprehensive solution using custom class loading, library renaming, and resource isolation to enable seamless coexistence.

AARFlutterMulti-Instance
0 likes · 14 min read
How to Solve Flutter Multi‑Instance Conflicts When Integrating AAR into Android Apps
Xianyu Technology
Xianyu Technology
Jul 2, 2021 · Mobile Development

Xianyu’s Journey with Flutter: Challenges, Open‑Source Practices, and Lessons Learned

Xianyu pioneered Flutter adoption in 2017, overcoming internal resistance and architectural gaps by creating the AliFlutter community and a hybrid Flutter Boost stack, successfully migrating its main app, learning from early open‑source missteps to improve documentation and APIs, and now commits to three more years of Flutter development while preparing for future cross‑platform ecosystems.

Cross‑PlatformFlutterHybrid Architecture
0 likes · 10 min read
Xianyu’s Journey with Flutter: Challenges, Open‑Source Practices, and Lessons Learned
ByteDance Dali Intelligent Technology Team
ByteDance Dali Intelligent Technology Team
Jul 1, 2021 · Mobile Development

Implementing Chinese Character Auto‑Trace (描红) in Flutter: Data Handling, SVG Conversion, Coordinate Transformation, and Animation

This article details a Flutter‑based solution for automatically tracing Chinese characters, covering data preprocessing, SVG‑to‑coordinate conversion, scaling, Y‑axis inversion, translation, centering correction, and smooth stroke animation with frame‑rate optimization.

CanvasChinese charactersCoordinate Transformation
0 likes · 15 min read
Implementing Chinese Character Auto‑Trace (描红) in Flutter: Data Handling, SVG Conversion, Coordinate Transformation, and Animation
JD Retail Technology
JD Retail Technology
Jun 28, 2021 · Frontend Development

Understanding Flutter Image Loading, Caching, and Memory Optimization

This article explains how Flutter loads and caches images, analyzes the underlying source code of key classes such as PaintingBinding, ImageCache, ImageProvider, and RenderImage, and provides practical techniques for reducing memory usage and preventing OOM in large Flutter applications.

FlutterImage Loadingcaching
0 likes · 13 min read
Understanding Flutter Image Loading, Caching, and Memory Optimization
Taobao Frontend Technology
Taobao Frontend Technology
Jun 28, 2021 · Frontend Development

How to Build High‑Performance Flutter Apps with Vue.js: A Cross‑Platform Blueprint

This talk explains how Vue.js can be leveraged to create high‑performance Flutter applications by bridging front‑end ecosystems with W3C‑based rendering, addressing the challenges of Dart‑centric development and showcasing the Kraken engine's role in achieving consistent multi‑device experiences.

FlutterMobile DevelopmentVue.js
0 likes · 4 min read
How to Build High‑Performance Flutter Apps with Vue.js: A Cross‑Platform Blueprint
Xianyu Technology
Xianyu Technology
Jun 22, 2021 · Mobile Development

FlutterBoost 3.0 Preview Release: Enhanced Lifecycle Management and Documentation

FlutterBoost 3.0 preview, released after two months of development and testing, introduces refactored lifecycle management, enhanced cross‑platform consistency, custom startup and return parameters, page transparency, custom event handling, pre‑interceptors, and expanded documentation with examples, while maintaining the existing architecture and focusing on community adoption.

DocumentationFlutterFlutterBoost
0 likes · 9 min read
FlutterBoost 3.0 Preview Release: Enhanced Lifecycle Management and Documentation
Xianyu Technology
Xianyu Technology
Jun 17, 2021 · Mobile Development

Flutter-based IM Architecture Redesign for Xianyu

The Xianyu instant‑messaging system, burdened by years of technical debt, was rebuilt with a Flutter‑centric, four‑layer architecture that shares FlutterEngine instances, introduces an entity cache and custom ORM, simplifies synchronization, and delivers up to 40 MB memory savings, lower power use, reduced CPU load and roughly half the development and testing effort.

FlutterIMarchitecture
0 likes · 11 min read
Flutter-based IM Architecture Redesign for Xianyu
Kuaishou Tech
Kuaishou Tech
Jun 15, 2021 · Mobile Development

Optimizing a Complex Video Editing Page with Flutter and Redux

This article details how a video editing page built entirely with Flutter and Redux can overcome state, logic, UI, and performance complexities through architectural decisions, time‑range handling, stack‑based rendering, thumbnail caching, and frame‑rate optimizations to achieve native‑level performance on mainstream devices.

FlutterMobile DevelopmentRedux
0 likes · 16 min read
Optimizing a Complex Video Editing Page with Flutter and Redux
HelloTech
HelloTech
Jun 11, 2021 · Mobile Development

Lumos Hybrid Stack: A Cross‑Platform Solution to Boost Mobile Development Efficiency

Lumos Hybrid Stack leverages Dart and Flutter to unify iOS and Android business logic, cutting duplicated development effort, accelerating debugging, and saving person‑days while providing a consistent, extensible architecture, performance monitoring, and a communication protocol that paves the way for future centralized state‑management across platforms.

DARTFlutterPerformance Monitoring
0 likes · 10 min read
Lumos Hybrid Stack: A Cross‑Platform Solution to Boost Mobile Development Efficiency
Kuaishou Tech
Kuaishou Tech
Jun 8, 2021 · Mobile Development

Flutter Audio-Video Practice and Optimization in Kuaishou

This article details Kuaishou's Flutter audio-video implementation, optimization practices, and engineering support, covering video playback via external textures, data communication strategies, FFI integration, and performance tuning.

FFIFlutterKuaishou
0 likes · 17 min read
Flutter Audio-Video Practice and Optimization in Kuaishou
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
Jun 4, 2021 · Mobile Development

Boosting Audio‑Video Editing with Flutter: Kuaishou’s Cross‑Platform Success

This article details how Kuaishou’s Fast Creation team leveraged pure Flutter to implement complex audio‑video features such as playback, editing, and live streaming, describing the challenges of UI, state, performance, and data communication, and presenting optimization techniques like external textures, FFI, thumbnail caching, and frame‑rate improvements.

FFIFlutterPerformance Optimization
0 likes · 18 min read
Boosting Audio‑Video Editing with Flutter: Kuaishou’s Cross‑Platform Success
Xianyu Technology
Xianyu Technology
Jun 3, 2021 · Mobile Development

Extending Flutter UI Automation: Analysis of Flutter Driver, Integration Test, and Xianyu's Hybrid Approach

The article explains that Flutter Driver and Integration Test struggle to locate elements in hybrid native‑Flutter apps, then describes Xianyu’s approach of extending native UI automation with OCR, image‑matching, and a layered page‑object architecture, achieving over 98% success across 500+ runs.

FlutterImage ProcessingOCR
0 likes · 9 min read
Extending Flutter UI Automation: Analysis of Flutter Driver, Integration Test, and Xianyu's Hybrid Approach
Kuaishou Tech
Kuaishou Tech
May 28, 2021 · Mobile Development

Flutter Cross‑Platform Implementation Practices at Kaiyan Kuaichuang

This article introduces Kaiyan Kuaichuang's Flutter‑based cross‑platform architecture, covering component layering, state‑management strategies (BLoC, Provider, Redux, Built_redux), data communication via gRPC/ProtoBuf, and a custom URL‑based routing solution, while sharing practical code snippets and lessons learned.

FlutterMobile DevelopmentRedux
0 likes · 14 min read
Flutter Cross‑Platform Implementation Practices at Kaiyan Kuaichuang
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
May 26, 2021 · Mobile Development

Inside Kuaishou Creative: Flutter Architecture, State Management & Communication Strategies

This article explores how Kuaishou Creative leverages Flutter for cross‑platform development, detailing its componentized architecture, page‑level and inter‑page state management approaches, data and page communication mechanisms, and the custom routing solution that unifies navigation across the app.

FlutterReduxState Management
0 likes · 16 min read
Inside Kuaishou Creative: Flutter Architecture, State Management & Communication Strategies
Sohu Tech Products
Sohu Tech Products
May 19, 2021 · Mobile Development

Creating an iOS Flutter Audio Player Plugin with MethodChannel

This tutorial explains step‑by‑step how to create a custom iOS Flutter plugin for audio playback, covering the MethodChannel architecture, Dart side implementation, Swift native code, and communication of playback controls and status between Flutter and iOS.

AudioPlayerDARTFlutter
0 likes · 15 min read
Creating an iOS Flutter Audio Player Plugin with MethodChannel
Alibaba Cloud Developer
Alibaba Cloud Developer
May 12, 2021 · Mobile Development

How We Boosted Flutter App Startup Speed by Over 1 Second

This article details the performance challenges of large‑scale Flutter apps and presents a series of practical optimizations—including module‑level hybrid rendering, native‑side data prefetch with FFI, multi‑level caching, and resource compression—that together reduced home‑page startup time by more than one second.

Data PrefetchFFIFlutter
0 likes · 10 min read
How We Boosted Flutter App Startup Speed by Over 1 Second
Alibaba Terminal Technology
Alibaba Terminal Technology
May 12, 2021 · Frontend Development

How I Bridged Frontend and Business in 2020: Lessons from Alibaba's Content Creator Platform

In 2020 I reflected on my role as a front‑end engineer working with a mixed‑tech team on Alibaba's Xianyu content creator business, detailing how I built the team, set goals, made data‑driven decisions, and delivered front‑end innovations such as a rule engine, Flutter expansion, backend tooling, and container strategy.

FlutterGrowth EngineeringTeam Building
0 likes · 12 min read
How I Bridged Frontend and Business in 2020: Lessons from Alibaba's Content Creator Platform
Xianyu Technology
Xianyu Technology
Apr 26, 2021 · Mobile Development

Xianyu’s Journey with Flutter: Architecture, Challenges, and Future

Since 2017 Xianyu’s small engineering team has pioneered Flutter adoption—creating the Flutter Boost engine, hybrid stack calls, and packaging solutions—to achieve near‑native performance across iOS and Android, overcome early ecosystem gaps, and now positions Dart‑first development as a scalable, cost‑effective choice for large‑scale front‑end products and future enterprise apps.

DARTFlutterHybrid Architecture
0 likes · 14 min read
Xianyu’s Journey with Flutter: Architecture, Challenges, and Future
HelloTech
HelloTech
Apr 25, 2021 · Mobile Development

Flutter Native Interaction: Platform Channel vs FFI Comparison

The article compares Flutter’s native interaction methods, explaining how Platform Channels use message codecs and thread switching for method calls, while FFI lets Dart directly invoke C functions, offering superior performance but more boilerplate, and discusses trade‑offs, implementation details, and a benchmark showing the speed gap.

C++DARTFFI
0 likes · 8 min read
Flutter Native Interaction: Platform Channel vs FFI Comparison
ByteFE
ByteFE
Apr 23, 2021 · Frontend Development

Curated Technical Articles: Node.js 16 Release, Frontend Performance, CSS @property, WebRTC, Game Development, and More

This roundup presents a selection of recent technical articles covering the Node.js 16 release, front‑end performance optimizations, CSS @property advances, WebRTC transport protocols, game‑engine dark‑mode implementation, Babel deep‑dive, and a new Flutter‑based web rendering engine, each linked for further reading.

CSSFlutterGame Development
0 likes · 4 min read
Curated Technical Articles: Node.js 16 Release, Frontend Performance, CSS @property, WebRTC, Game Development, and More
Miss Fresh Tech Team
Miss Fresh Tech Team
Apr 14, 2021 · Mobile Development

How to Automate Mobile Bug Reporting with an SDK: From Capture to Submission

To streamline app quality assurance, a comprehensive mobile bug‑reporting SDK was built that automates screenshot, screen‑recording, network and log collection, auto‑fills device and app data, and integrates with the Max backend, reducing feedback latency and simplifying the reporting workflow for developers and testers.

AutomationFlutterbug reporting
0 likes · 8 min read
How to Automate Mobile Bug Reporting with an SDK: From Capture to Submission
转转QA
转转QA
Apr 14, 2021 · Mobile Development

Integrating Flutter Projects into Beetle: Branch Types, Release Workflow, and Component Management

This article explains how ZhiZhuan's mixed Flutter‑native app architecture is incorporated into the Beetle DevOps platform, detailing Beetle's branch types, the release process for Flutter modules, and component management strategies that improve multi‑module coordination and deployment quality.

Component ManagementFlutterMobile DevOps
0 likes · 7 min read
Integrating Flutter Projects into Beetle: Branch Types, Release Workflow, and Component Management
JD Tech
JD Tech
Apr 12, 2021 · Mobile Development

Adding an ADHoc Build Configuration to a Flutter‑iOS Project

This article explains how to create a custom ADHoc build configuration in Xcode for a mixed Flutter and iOS project, covering steps such as duplicating Debug/Release configurations, adjusting bundle identifiers, app names, push SDK parameters, certificates, user‑defined settings, and integrating the changes into Flutter’s build scripts and CI pipelines.

ADHocBuild configurationCI
0 likes · 7 min read
Adding an ADHoc Build Configuration to a Flutter‑iOS Project
TAL Education Technology
TAL Education Technology
Apr 1, 2021 · Mobile Development

Creating, Publishing, and Using Flutter Packages and Plugins

This article explains what Flutter packages and plugins are, how to create them via IDE or command line, the required file structure, how to publish them to pub.dev, private registries or Git, and how to add them as dependencies in a Flutter project while also covering common troubleshooting steps.

DARTFlutterPackage
0 likes · 9 min read
Creating, Publishing, and Using Flutter Packages and Plugins
Xianyu Technology
Xianyu Technology
Mar 31, 2021 · Mobile Development

FlutterBoost 3.0: Architecture, Features, and Integration Guide

FlutterBoost 3.0 streamlines hybrid app development by providing a non‑intrusive engine integration that works with any Flutter SDK, halving code size, unifying Android and iOS APIs, allowing optional page containers, delivering precise lifecycle events, and fixing legacy issues, all with a simple dependency setup.

CrossPlatformEngineIntegrationFlutter
0 likes · 9 min read
FlutterBoost 3.0: Architecture, Features, and Integration Guide
Manbang Technology Team
Manbang Technology Team
Mar 30, 2021 · Mobile Development

Thresh: A Custom Flutter Dynamic Framework for Cross‑Platform Mobile Development

The article introduces Thresh, a self‑developed dynamic Flutter framework that enables one‑time development for Android, iOS and Web, explains its design goals, architecture, three‑stage evolution of mobile cross‑platform technologies, communication mechanisms, component update strategies, engineering practices, real‑world deployment at Manbang, and future enhancements.

FlutterJS DSLThresh
0 likes · 19 min read
Thresh: A Custom Flutter Dynamic Framework for Cross‑Platform Mobile Development
Alibaba Cloud Developer
Alibaba Cloud Developer
Mar 29, 2021 · Mobile Development

Why Flutter’s Inertial Scrolling Trails Chromium and Native Android – A Deep Performance Dive

This article analyzes the theoretical and measured performance differences of inertial scrolling among Web (Chromium), native Android, and Flutter, explains the underlying rendering mechanisms that cause Flutter’s lag, and outlines engine‑level optimizations that bring Flutter’s scroll smoothness close to native levels.

AndroidChromiumFlutter
0 likes · 14 min read
Why Flutter’s Inertial Scrolling Trails Chromium and Native Android – A Deep Performance Dive
Youzan Coder
Youzan Coder
Mar 26, 2021 · Mobile Development

Dynamic Domain Name Implementation in Mobile Apps

The article explains how to implement dynamic domain name switching in mobile apps across iOS, Android, Flutter, and H5 by using a configuration center and native network interception techniques such as NSURLProtocol, OkHttp instrumentation, texture bridging, and frontend configuration to resolve regional DNS issues and enable extended features like request statistics and custom responses.

AndroidDynamic DomainFlutter
0 likes · 10 min read
Dynamic Domain Name Implementation in Mobile Apps
Beike Product & Technology
Beike Product & Technology
Mar 24, 2021 · Mobile Development

How Beike Scaled Its Mobile Apps with Flutter: Cross‑Platform Development, Performance, and Developer Efficiency

Beike adopted Flutter to address rapid growth and staffing shortages, achieving over 80% hybrid development, native‑like performance, one‑second hot‑reload cycles, extensive community package usage, and a systematic Flutter infrastructure across dozens of mobile applications.

BeikeFlutterMobile Development
0 likes · 5 min read
How Beike Scaled Its Mobile Apps with Flutter: Cross‑Platform Development, Performance, and Developer Efficiency
政采云技术
政采云技术
Mar 23, 2021 · Mobile Development

Building a Flutter Color Picker Tool for UI Debugging

This article explains how to create a Flutter-based color‑picker utility that captures the current screen, extracts pixel colors at any touch point, and displays a magnified view with the selected color, providing a practical solution for UI verification and design‑developer communication.

Color PickerFlutterImage Processing
0 likes · 13 min read
Building a Flutter Color Picker Tool for UI Debugging
Tencent Cloud Developer
Tencent Cloud Developer
Mar 23, 2021 · Mobile Development

TRouter: A Hybrid Stack Routing Framework for Flutter with Memory Optimization and Visible Native Layer Modifications

TRouter is a hybrid stack routing framework for Flutter that reuses a single engine through native Activity/ViewController containers, offloading page transitions and URL parsing to the native layer, clearing iOS view bitmaps and applying bytecode‑hooked Android fixes to dramatically reduce memory usage while keeping native modifications visible, low‑risk, and compatible with multiple Flutter SDK versions.

FlutterHybrid RoutingMemory Optimization
0 likes · 10 min read
TRouter: A Hybrid Stack Routing Framework for Flutter with Memory Optimization and Visible Native Layer Modifications
Meituan Technology Team
Meituan Technology Team
Mar 18, 2021 · Frontend Development

How Meituan Achieved Write‑Once‑Run‑Anywhere with Flutter Web

This article details Meituan Waimai's front‑end team experience of using Flutter Web to create a unified code base for Android, iOS, PC and H5, covering business and technical background, challenges, overall and detailed design, performance optimizations, build‑and‑deploy pipelines, and measurable results.

FlutterPerformance OptimizationWeb
0 likes · 23 min read
How Meituan Achieved Write‑Once‑Run‑Anywhere with Flutter Web
Xianyu Technology
Xianyu Technology
Mar 16, 2021 · Mobile Development

Implementing Mixed-Span Waterfall Layout in Flutter

To enable mixed‑span waterfall layouts in Flutter, we built a custom FlowView that mimics RecyclerView’s StaggeredGridLayoutManager, handling normal and full‑width cards by dynamically selecting the shortest or tallest column, recycling off‑screen items, and achieving performance comparable to native GridView, now deployed in Xianyu’s home and search pages.

FlutterMobileDevelopmentUI
0 likes · 17 min read
Implementing Mixed-Span Waterfall Layout in Flutter
Xianyu Technology
Xianyu Technology
Mar 11, 2021 · Mobile Development

FlutterWorker: Cross‑Platform Logic Processing Framework for Mobile Apps

FlutterWorker is a Dart‑based cross‑platform logic framework that runs client‑side processing for Xianyu’s mobile app, unifying data handling across iOS, Android and Flutter, reducing server‑side BFF reliance, cutting memory and CPU overhead, improving latency by about five percent, and dramatically increasing development efficiency.

DARTFlutterLogic Framework
0 likes · 10 min read
FlutterWorker: Cross‑Platform Logic Processing Framework for Mobile Apps
21CTO
21CTO
Mar 8, 2021 · Cloud Native

Xianyu’s Cloud‑Native Journey: Scaling a Trillion‑Dollar Marketplace with Serverless

Xianyu, Alibaba’s C2C platform, transformed its massive legacy system into a cloud‑native, serverless architecture—integrating Flutter, a unified development framework, and a suite of tools like Nexus API and GCLI—to dramatically cut development cycles, lower operational costs, and support a GMV of over 2 trillion yuan.

AlibabaFlutterarchitecture
0 likes · 15 min read
Xianyu’s Cloud‑Native Journey: Scaling a Trillion‑Dollar Marketplace with Serverless
JD Cloud Developers
JD Cloud Developers
Mar 8, 2021 · Artificial Intelligence

Weekly Developer Highlights: Flutter 2, JD Cloud, Flink 1.12.2, AI Breakthroughs

This week’s developer roundup covers Google’s Flutter 2 launch, JD Cloud’s next‑gen server, Apache Flink 1.12.2 bug‑fix release, sidewalk robots classified as pedestrians, Microsoft Mesh mixed‑reality platform, Facebook’s self‑supervised SEER model, plus recent AI research from EMNLP and COLING conferences.

Big DataFlutterMixed Reality
0 likes · 8 min read
Weekly Developer Highlights: Flutter 2, JD Cloud, Flink 1.12.2, AI Breakthroughs
Yuewen Technology
Yuewen Technology
Feb 26, 2021 · Mobile Development

How MixStack Solves Flutter‑Native Integration Challenges on Android

This article examines the difficulties of embedding Flutter in Android apps—such as multiple FlutterEngine instances, lifecycle mismatches, and page‑stack inconsistencies—and presents MixStack, a solution that shares a single engine, corrects rendering lifecycles, and provides a unified page‑container model, validated in production.

AndroidFlutterFlutterEngine
0 likes · 11 min read
How MixStack Solves Flutter‑Native Integration Challenges on Android
Tencent Music Tech Team
Tencent Music Tech Team
Feb 23, 2021 · Mobile Development

Evaluation of Four Blur Solutions for Image Processing in a Flutter Music App

The study compares four image‑blur approaches for a Flutter music app—real‑time BackdropFilter, CPU‑intensive StackBlur, server‑side GaussianBlur, and compact BlurHash—showing that BackdropFilter causes frame‑rate stutter, StackBlur adds decode overhead, server GaussianBlur offloads work with caching benefits, while BlurHash minimizes storage at the cost of visual fidelity, guiding developers to select the method that fits their performance and quality needs.

BlurHashFlutterImage Blur
0 likes · 8 min read
Evaluation of Four Blur Solutions for Image Processing in a Flutter Music App
Tencent Music Tech Team
Tencent Music Tech Team
Feb 5, 2021 · Mobile Development

Flutter iOS Package Size Optimization: Analysis and Implementation

The article examines why adding Flutter to an iOS app inflates the binary, breaks down the framework’s largest parts—engine, AOT snapshot, assets, and ICU data—and details a three‑pronged strategy of compression, externalization and stripping, using custom build scripts to move or delete files and dynamically load data, achieving roughly a 12 MB size reduction.

AOT snapshotFlutterdynamic assets
0 likes · 38 min read
Flutter iOS Package Size Optimization: Analysis and Implementation
Java Backend Technology
Java Backend Technology
Feb 2, 2021 · Mobile Development

Explore 20+ Open‑Source Clones of Popular Apps to Boost Your Development Skills

This article curates a collection of actively maintained high‑fidelity clone projects for popular apps—including WeChat, Zhihu, TikTok, Bilibili, Meituan, and more—showcasing the tech stacks (Flutter, Vue, React, Node.js, etc.), core features, screenshots, and direct GitHub links to help developers learn and build similar applications.

FlutterMobile DevelopmentVue
0 likes · 8 min read
Explore 20+ Open‑Source Clones of Popular Apps to Boost Your Development Skills
Tencent Cloud Developer
Tencent Cloud Developer
Feb 1, 2021 · Mobile Development

Flutter Event Propagation and Gesture Recognition Mechanism (Source Code Analysis)

Flutter converts native MotionEvent data into a serialized ByteBuffer, passes it through JNI to the engine, creates a Dart PointerDataPacket, hit‑tests the render tree, dispatches the event to each hit object, and resolves competing GestureRecognizers in the arena so the winning recognizer triggers the appropriate callback such as onTap or onDrag.

DARTEvent PropagationFlutter
0 likes · 21 min read
Flutter Event Propagation and Gesture Recognition Mechanism (Source Code Analysis)
Beike Product & Technology
Beike Product & Technology
Jan 31, 2021 · Mobile Development

Flutter Widget Communication and State Management: Techniques and Principles

This article explains Flutter widget communication techniques—direct value passing, function callbacks, key modification, and GlobalKey—and explores state management solutions including InheritedWidget, Stream, EventBus, Bloc, Scoped_model, Provider, and Redux for cross-widget/page communication, and discusses their underlying principles and usage scenarios.

FlutterInheritedWidgetProvider
0 likes · 9 min read
Flutter Widget Communication and State Management: Techniques and Principles
Xianyu Technology
Xianyu Technology
Jan 26, 2021 · Mobile Development

Streaming Page Container Architecture for Xianyu's Flutter Home Page

Xianyu’s streaming page container architecture redesigns the Flutter home page with an MVVM‑based, event‑driven framework, DinamicX DSL templates, and the PowerScrollView list container, eliminating duplicated layout logic, accelerating A/B testing and releases, and enabling dynamic, lightweight pages with partial UI refreshes.

DSLDynamic UIEvent-driven
0 likes · 14 min read
Streaming Page Container Architecture for Xianyu's Flutter Home Page
Beike Product & Technology
Beike Product & Technology
Jan 21, 2021 · Mobile Development

JAYE 2.0: An AST‑Based Dynamic Loading Framework for Flutter

This article describes how the JAYE 2.0 project at Beike leverages abstract syntax tree (AST) generation, a custom runtime interpreter, and Dart VM execution to achieve high‑performance, hot‑fixable dynamic updates for Flutter applications, addressing packaging, hot‑reload, and scalability challenges.

ASTDynamic LoadingFlutter
0 likes · 13 min read
JAYE 2.0: An AST‑Based Dynamic Loading Framework for Flutter
Meituan Technology Team
Meituan Technology Team
Jan 21, 2021 · Mobile Development

Porting Flutter to HarmonyOS: Technical Exploration and Implementation

Meituan’s MTFlutter team rebuilt Flutter’s embedder layer for HarmonyOS by simulating VSync, creating a SurfaceProvider‑based rendering surface, forwarding touch, key and speech events, and re‑implementing asset loading, message loops and lifecycle callbacks, allowing Flutter apps to run on phones, tablets, TVs and wearables.

EmbeddingFlutterHarmonyOS
0 likes · 13 min read
Porting Flutter to HarmonyOS: Technical Exploration and Implementation
Xianyu Technology
Xianyu Technology
Jan 14, 2021 · Mobile Development

PowerScrollView: A High‑Performance Flow Layout Solution for Flutter

PowerScrollView is a high‑performance Flutter flow‑layout framework that composes section‑based slivers for lists, grids and waterfalls, adds automatic exposure, scroll‑to‑index, fine‑grained refresh and element‑reuse optimizations, and uses frame‑by‑frame rendering to deliver smooth scrolling across Xianyu’s core pages.

FlutterMobile DevelopmentUI optimization
0 likes · 15 min read
PowerScrollView: A High‑Performance Flow Layout Solution for Flutter
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jan 13, 2021 · Mobile Development

Flutter Image Performance Optimization: Cache Strategy Analysis and Implementation

This article evaluates Flutter image performance by comparing view reuse, disk‑cache reuse, and memory‑cache reuse strategies, detailing implementation hurdles, and ultimately finds that a Texture‑based approach offers fast communication yet consumes more memory than the native Image widget’s on‑demand decoding.

Cross‑platform developmentFlutterMemory Management
0 likes · 13 min read
Flutter Image Performance Optimization: Cache Strategy Analysis and Implementation
Xianyu Technology
Xianyu Technology
Jan 12, 2021 · Mobile Development

Rethinking Flutter: Technical Value and Front‑End Perspectives

By examining Flutter’s Dart‑based runtime, cross‑platform GUI framework, and productivity features such as hot‑reload, the article maps these technical strengths to core front‑end challenges—remote communication, state and UI management, and lifecycle handling—offering developers a structured perspective for strategic adoption and future innovation.

DARTFlutterFront-end
0 likes · 14 min read
Rethinking Flutter: Technical Value and Front‑End Perspectives
Swan Home Tech Team
Swan Home Tech Team
Dec 22, 2020 · Mobile Development

Daojia App General Development Framework: Architecture, Componentization, and Project Practice

This article introduces the Daojia App general development framework, detailing its evolution, componentization challenges and solutions, layered architecture, cross‑platform strategy with Flutter, and its practical application in the Jiazheng Cloud project to improve development efficiency and maintainability.

AndroidFlutterFramework
0 likes · 13 min read
Daojia App General Development Framework: Architecture, Componentization, and Project Practice
Beike Product & Technology
Beike Product & Technology
Dec 3, 2020 · Mobile Development

Ke-FUT: A Self‑Developed Flutter UI Automation Framework for Mobile Testing

This article introduces Ke‑FUT, a home‑grown Flutter UI automation solution that leverages VMService and InspectorService to obtain element IDs, generates stable IDs via a custom IdGenerator, and drives view interactions through a Python‑based FUTClient, providing a low‑cost, cross‑platform testing approach for mobile apps.

DARTFlutterKe-FUT
0 likes · 14 min read
Ke-FUT: A Self‑Developed Flutter UI Automation Framework for Mobile Testing
Xianyu Technology
Xianyu Technology
Nov 24, 2020 · Mobile Development

Performance Optimization of Xianyu Flutter App: Smoothness, Load Time, and Rendering Improvements

The Xianyu team optimized their Flutter‑based app by creating a lag‑diagnosis tool, minimizing unnecessary widget rebuilds, deferring load‑more updates, using low‑resolution placeholders, prefetching data with skeleton screens, reusing FlutterBoost containers and early data passing, which together cut jank by half, shaved ~300 ms off page loads and raised average FPS by about three points on low‑end devices.

FlutterLoad TimeMobile Development
0 likes · 10 min read
Performance Optimization of Xianyu Flutter App: Smoothness, Load Time, and Rendering Improvements
Beike Product & Technology
Beike Product & Technology
Nov 13, 2020 · Mobile Development

Master Flutter Animations: From Basics to Advanced Transitions

This article explains Flutter's animation system, covering core concepts like Animation, AnimationController, CurvedAnimation, Tween, and listeners, then demonstrates basic and combined animations, introduces system widgets such as AnimatedContainer and AnimatedCrossFade, and shows how to create custom page transitions with PageRouteBuilder and Hero.

DARTFlutterMobile Development
0 likes · 19 min read
Master Flutter Animations: From Basics to Advanced Transitions
Xianyu Technology
Xianyu Technology
Nov 3, 2020 · Mobile Development

Exploring Flutter Tree Shaking Mechanism in the Engine

The article dissects Flutter’s tree‑shaking process within the engine—tracing the compilation pipeline from GenSnapshot through AOT phases, showing how unused methods and resources are identified, retained or discarded, and finally obfuscated, thereby enabling dead‑code elimination, smaller binaries, and seamless Flutter‑FaaS integration.

AOT compilationDARTFlutter
0 likes · 9 min read
Exploring Flutter Tree Shaking Mechanism in the Engine
Aotu Lab
Aotu Lab
Oct 30, 2020 · Mobile Development

How JDFlutter Revolutionizes Cross‑Platform Mobile Development with One‑Code Solutions

This article details JDFlutter's evolution as a one‑code, container‑based cross‑platform framework that tackles Flutter's ecosystem gaps, improves development efficiency, enables dynamic updates, web conversion, iOS size reduction, mixed native integration, and provides a full‑stack support pipeline for large‑scale mobile apps.

Container ArchitectureFlutterJDFlutter
0 likes · 14 min read
How JDFlutter Revolutionizes Cross‑Platform Mobile Development with One‑Code Solutions
Xianyu Technology
Xianyu Technology
Oct 29, 2020 · Mobile Development

Performance Optimization of Long List Scrolling in Android and Flutter

The article details how Xianyu improved long‑list scrolling smoothness on both native Android and Flutter by building a cross‑platform frame‑jank detection tool, applying async view‑caching and unbinding in Android, and using repaint boundaries, clipping tweaks, time‑slicing and custom scroll physics in Flutter, achieving up to 57 FPS and halving big‑jank counts on low‑end devices.

AndroidFlutterListView
0 likes · 21 min read
Performance Optimization of Long List Scrolling in Android and Flutter
Xianyu Technology
Xianyu Technology
Oct 27, 2020 · Mobile Development

Optimizing Flutter Image and Texture Caching for Memory Efficiency

By extending Flutter’s ImageCache to also store external texture data and using reference‑counted texture identifiers, the Xianyu app eliminates duplicate bitmap‑to‑texture conversions, dramatically lowers physical memory consumption and GC spikes on image‑heavy pages, though it requires invasive engine‑code modifications and ongoing maintenance.

FlutterImageCacheMemory Optimization
0 likes · 7 min read
Optimizing Flutter Image and Texture Caching for Memory Efficiency
Tencent Music Tech Team
Tencent Music Tech Team
Oct 23, 2020 · Mobile Development

Using Pigeon to Manage Flutter Plugin Interfaces Across Platforms

Pigeon lets Flutter developers define a single Dart API that automatically generates matching, type‑safe interface code for Android and iOS, eliminating manual method‑channel boilerplate, preventing naming mismatches, and keeping native and Dart implementations synchronized across platforms.

CodeGenerationDARTFlutter
0 likes · 14 min read
Using Pigeon to Manage Flutter Plugin Interfaces Across Platforms
Beike Product & Technology
Beike Product & Technology
Oct 14, 2020 · Mobile Development

Implementing Aspect‑Oriented Programming in Flutter with AspectD

This article explains how the open‑source AspectD library enables Aspect‑Oriented Programming in Flutter by modifying the app.dill intermediate file, covering Flutter's compilation process, AST manipulation, point‑cut designs, code conversion flow, and practical use cases such as performance monitoring and page‑view tracking.

ASTAspectDCode Injection
0 likes · 11 min read
Implementing Aspect‑Oriented Programming in Flutter with AspectD
JD Cloud Developers
JD Cloud Developers
Oct 12, 2020 · Artificial Intelligence

This Week’s Tech Highlights: China’s Chip University, AI Advances, and More

This week’s developer newsletter covers China’s first chip university launch, Tesla’s upcoming zero‑intervention full‑self‑driving software, Python’s rise in the TIOBE index, PostgreSQL 13’s performance upgrades, Flutter 1.22 release, Amazon’s palm‑print payment system, plus in‑depth looks at GAN mathematics and regex‑neural network integration.

FlutterSemiconductor EducationTechnology News
0 likes · 5 min read
This Week’s Tech Highlights: China’s Chip University, AI Advances, and More
JD Cloud Developers
JD Cloud Developers
Sep 23, 2020 · Mobile Development

How JDFlutter Revolutionizes Cross‑Platform Mobile Development at JD

This article examines JD's journey from fragmented native mobile development to a unified Flutter‑based solution, detailing the motivations, challenges, architectural innovations, and practical features that enable faster, lower‑cost, and more consistent cross‑platform app delivery.

Container ArchitectureFlutterJDFlutter
0 likes · 13 min read
How JDFlutter Revolutionizes Cross‑Platform Mobile Development at JD
Xianyu Technology
Xianyu Technology
Sep 23, 2020 · Mobile Development

Detecting Memory Leaks in Flutter via Rendering Tree Analysis

By tracking the discrepancy between the number of EngineLayer objects actually rendered each frame and the total EngineLayer instances retained in native memory, developers can detect and pinpoint Flutter memory leaks caused by lingering Dart references, using SceneBuilder monitoring and WeakPersistentHandle inspection.

DARTFlutterGarbage Collection
0 likes · 10 min read
Detecting Memory Leaks in Flutter via Rendering Tree Analysis
Java Backend Technology
Java Backend Technology
Sep 22, 2020 · Cloud Native

How Xianyu Scaled to Billions with Cloud‑Native Serverless Architecture

This article explores how Alibaba's Xianyu marketplace transformed its massive C2C platform by adopting cloud‑native and serverless technologies, detailing the motivations, phased implementation, technical challenges, and future considerations that enabled rapid development, reduced operational costs, and improved scalability.

AlibabaCloud NativeFlutter
0 likes · 15 min read
How Xianyu Scaled to Billions with Cloud‑Native Serverless Architecture
Xianyu Technology
Xianyu Technology
Sep 18, 2020 · Cloud Native

Xianyu's Cloud-Native Serverless Architecture Journey

Facing monolithic bottlenecks, Alibaba’s Xianyu marketplace embarked on a four‑year serverless transformation—building a Dart FaaS layer, unifying Flutter and backend via the Nexus API, standardizing tooling with GCLI, and cutting development effort by ~30 % and bugs by ~20 %, while tackling Java heterogeneity, environment consistency, and security, and now aims to complete the migration within months.

AlibabaCloudNativeFlutter
0 likes · 15 min read
Xianyu's Cloud-Native Serverless Architecture Journey
Meituan Technology Team
Meituan Technology Team
Sep 17, 2020 · Mobile Development

Flutter Package Size Optimization Using Dynamic Delivery

The Meituan Waimai team tackled Flutter’s excessive binary growth by splitting engine, assets, and data into downloadable modules, implementing custom build flags and runtime loaders for iOS and Android, achieving up to 95 % APK size reduction and over 30 % IPA shrinkage while shifting payload to on‑demand delivery.

AndroidDynamic DeliveryFlutter
0 likes · 28 min read
Flutter Package Size Optimization Using Dynamic Delivery
Xianyu Technology
Xianyu Technology
Sep 3, 2020 · Mobile Development

Modularization and Cross‑Process Communication Strategies for Xianyu's Flutter Application

Xianyu tackles Flutter’s slow hybrid compilation and native‑module integration pain by introducing a minimal‑shell modular architecture and a two‑phone cross‑process setup that falls back from MethodChannel to socket communication, speeding builds, isolating components, and improving data consistency while adding maintenance and device constraints.

AndroidCross-ProcessFlutter
0 likes · 9 min read
Modularization and Cross‑Process Communication Strategies for Xianyu's Flutter Application
Xianyu Technology
Xianyu Technology
Aug 27, 2020 · Mobile Development

Alibaba's Flutter Ecosystem Development and Unicorn Project

Alibaba’s Flutter ecosystem, built since 2018 through the AliFlutter project, now powers over 30 internal apps and unifies engineering, infrastructure, engine enhancements, and business support via the Unicorn project’s four-layer strategy, delivering high‑performance AR/3D experiences, standardized tooling, and cross‑team collaboration across its e‑commerce divisions.

Dynamic DevelopmentFlutterTemplate Rendering
0 likes · 13 min read
Alibaba's Flutter Ecosystem Development and Unicorn Project
Tencent Cloud Developer
Tencent Cloud Developer
Aug 14, 2020 · Mobile Development

Flutter Overview: Design Background, Technical Features, and Comparison with Other Cross‑Platform Solutions

Flutter is a Google‑backed cross‑platform framework that uses Dart and its own Skia rendering engine to deliver near‑native performance and consistent UI across mobile, web, and desktop, offering hot reload, rich widgets, and platform channels, while facing challenges such as larger app sizes, a smaller ecosystem, and limited dynamic update support compared with React Native and Hippy.

DARTFlutterMobile Development
0 likes · 12 min read
Flutter Overview: Design Background, Technical Features, and Comparison with Other Cross‑Platform Solutions
Alibaba Cloud Developer
Alibaba Cloud Developer
Aug 13, 2020 · Mobile Development

How Flutter’s Rendering Engine Works: Inside the UI and GPU Threads

This article provides a comprehensive technical analysis of Flutter's rendering pipeline, detailing the roles of the UI and GPU threads, the step‑by‑step process from VSync registration to rasterization, and compares Flutter’s approach with Android and Chromium rendering architectures.

FlutterGPU ThreadMobile Development
0 likes · 24 min read
How Flutter’s Rendering Engine Works: Inside the UI and GPU Threads