BestHub
Sign in
Tagged articles

flutter

463 articles · Page 2 of 5
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 9, 2022 · Mobile Development

Using Isolates and the compute Function in Flutter to Offload Heavy Computation

This article explains how to prevent UI blocking in Flutter by moving intensive calculations to background isolates using the compute helper and raw Isolate APIs, demonstrates code examples for task execution, progress reporting, and inter‑isolate communication, and discusses performance considerations and best practices.

ComputeDARTflutter
0 likes · 15 min read
Using Isolates and the compute Function in Flutter to Offload Heavy Computation
Xianyu Technology
Xianyu Technology
Oct 24, 2022 · Mobile Development

Flutter Null Safety, Code Trim Pitfalls, EngineGroup, and Android Foldable Adaptation

This bulletin explains Flutter’s default null safety and migration steps, warns about code‑trim pitfalls that can bloat binaries, introduces EngineGroup for multi‑engine apps with its memory trade‑offs, and outlines Android foldable adaptation through guidelines, OEM solutions, and Android 12L activity embedding.

AndroidEngineGroupNull Safety
0 likes · 6 min read
Flutter Null Safety, Code Trim Pitfalls, EngineGroup, and Android Foldable Adaptation
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 20, 2022 · Frontend Development

How DingTalk Boosted Desktop Flutter Performance with LightweightEngine

This article details DingTalk's engineering journey to overcome multi‑engine performance bottlenecks on Windows by adopting Flutter's LightweightEngine, achieving up to 77% faster startup and halving memory usage, while outlining the architectural analysis, implementation challenges, and final results.

DesktopEngineGroupLightweightEngine
0 likes · 15 min read
How DingTalk Boosted Desktop Flutter Performance with LightweightEngine
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 20, 2022 · Frontend Development

Improving Form User Experience in Flutter: Error Tips, Labels, Keyboard Types, and Validation

This article explains how to enhance form usability in Flutter by using appropriate error prompts, label styles, keyboard configurations, and validation rules, providing practical code examples and best‑practice recommendations for building consistent, user‑friendly form components in mobile applications.

Form UXInput Validationflutter
0 likes · 10 min read
Improving Form User Experience in Flutter: Error Tips, Labels, Keyboard Types, and Validation
Sohu Tech Products
Sohu Tech Products
Oct 19, 2022 · Mobile Development

Flutter Developers’ IDE Preferences: Android Studio vs VS Code – 2022 Research Findings

A 2022 research study by Google’s Flutter UX team reveals that while Android Studio was once the dominant IDE for Flutter development, VS Code has rapidly gained popularity due to its speed, lightweight nature, and better perceived support, with many developers now favoring it across various regions and use cases.

Android StudioDeveloper SurveyIDE
0 likes · 9 min read
Flutter Developers’ IDE Preferences: Android Studio vs VS Code – 2022 Research Findings
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 19, 2022 · Mobile Development

Reimagining Mobile Development: Unified Cross-Platform Containers and the KUN Strategy

This article outlines the evolving trends in terminal devices and software architecture, argues for unified cross‑platform containers, proposes a streamlined organizational model with fewer, more versatile roles, and introduces the KUN project—a high‑performance, extensible Flutter‑based rendering engine aimed at boosting mobile development efficiency.

cross‑platformfluttermobile development
0 likes · 23 min read
Reimagining Mobile Development: Unified Cross-Platform Containers and the KUN Strategy
58 Tech
58 Tech
Oct 18, 2022 · Mobile Development

Implementation and Mechanism of the Fair Syntax Detection Plugin for Flutter

This article explains how Flutter's built‑in analysis server works, describes the architecture and mounting process of a custom Fair syntax‑detection plugin, and details its core implementation—including AST traversal, @FairPatch annotation handling, if‑statement checks, and the Fair sugar utilities—accompanied by code examples and demo screenshots.

DARTFAIRanalysis-server
0 likes · 12 min read
Implementation and Mechanism of the Fair Syntax Detection Plugin for Flutter
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 14, 2022 · Mobile Development

Understanding and Customizing Editable Text in Flutter

This article explains the internal logic of Flutter's editable text widgets, demonstrates how to customize input formatting, selection range, and cursor position using TextInputFormatter and EditableText, and shows best practices for building robust text forms with validation and global keys.

DARTEditableTextForm
0 likes · 13 min read
Understanding and Customizing Editable Text in Flutter
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 10, 2022 · Mobile Development

Improving Image Loading Experience in Flutter Mobile Apps

This article explains how to enhance image loading in Flutter mobile applications by using placeholders, skeleton screens, error handling, thumbnail generation, and the BlurHash library, providing code examples and practical recommendations for a smoother user experience.

BlurHashImage LoadingSkeleton Screen
0 likes · 8 min read
Improving Image Loading Experience in Flutter Mobile Apps
Architecture and Beyond
Architecture and Beyond
Oct 1, 2022 · Industry Insights

Why One Codebase Can Run Everywhere: Deep Dive into Cross‑Platform Architecture

This article examines the principles, layers, and practical solutions behind cross‑platform development—from DRY reuse to hardware, OS, and application levels—evaluating hybrid, native‑rendering, self‑rendering, and DSL‑based frameworks and offering guidance on strategic, organizational, ecosystem, and performance considerations.

Electronarchitecturecross‑platform
0 likes · 19 min read
Why One Codebase Can Run Everywhere: Deep Dive into Cross‑Platform Architecture
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 28, 2022 · Frontend Development

Screen Adaptation Strategies for Flutter Windows and Android Desktop Applications

This article explains the challenges of screen adaptation for Flutter Windows and Android desktop applications, outlines basic concepts of screen size, resolution and density, critiques the limitations of flutter_screenutil on desktop, and presents a custom solution using screen_retriever and a new app‑to‑screen width ratio to achieve consistent UI scaling across diverse devices.

DARTDesktopUI scaling
0 likes · 10 min read
Screen Adaptation Strategies for Flutter Windows and Android Desktop Applications
HomeTech
HomeTech
Sep 21, 2022 · Mobile Development

Flutter Implementation of Immersive Complex Interactive Pages

This article details the design and implementation of an immersive complex interactive page using Flutter, covering architecture design, sliding effects, and tab synchronization for a new energy vehicle series app.

CustomScrollViewImmersive UISliver Components
0 likes · 10 min read
Flutter Implementation of Immersive Complex Interactive Pages
ByteDance Terminal Technology
ByteDance Terminal Technology
Aug 24, 2022 · Mobile Development

Impeller Rendering Engine: Background, Metal Shader Compilation, Vector Rendering, and Flutter DisplayList

This article provides an in‑depth technical overview of Flutter's Impeller rendering engine, covering its origin, Jank classification, Metal shader compilation evolution, vector rendering fundamentals, DisplayList architecture, Impeller's rendering pipeline, and the ImpellerC shader compiler, with code examples and performance insights.

DisplayListImpellerMetal
0 likes · 31 min read
Impeller Rendering Engine: Background, Metal Shader Compilation, Vector Rendering, and Flutter DisplayList
21CTO
21CTO
Aug 22, 2022 · Frontend Development

Top Desktop Application Frameworks: Tauri, Electron, Neutralino & More

This article reviews a range of desktop application development frameworks—including Tauri, Electron, Neutralino, Xojo, OS.js, WPF Toolkit, Flutter, Haxe, Enact, UWP, and Xamarin.Forms—detailing their features, advantages, and suitability for building efficient, cost‑effective, cross‑platform desktop software.

Desktop ApplicationsElectronFrameworks
0 likes · 18 min read
Top Desktop Application Frameworks: Tauri, Electron, Neutralino & More
JD Tech
JD Tech
Aug 18, 2022 · Mobile Development

A New Approach to State Refresh in Flutter Using Extension Properties and TosObWidget

This article introduces a novel Flutter state‑refresh technique that leverages Dart extension properties to implement an observer pattern, compares it with the traditional Provider/ChangeNotifier approach, and demonstrates a more granular, flexible solution called TosObWidget with complete code examples and performance analysis.

DARTState ManagementTosObWidget
0 likes · 13 min read
A New Approach to State Refresh in Flutter Using Extension Properties and TosObWidget
Xianyu Technology
Xianyu Technology
Aug 17, 2022 · Mobile Development

Future Trends and R&D Organization for Mobile Development at Xianyu

The article predicts smartphones will dominate traffic for the next three years, argues that cross‑device frameworks like ReactNative, Weex and Flutter are essential, and proposes a streamlined R&D model at Xianyu with full‑stack mobile engineers and infrastructure engineers supported by a unified container, programming plane, workflow, and the high‑performance, W3C‑compliant KUN rendering engine to boost iteration speed, consistency, and talent efficiency.

KUNR&D Managementcross‑platform
0 likes · 21 min read
Future Trends and R&D Organization for Mobile Development at Xianyu
Xianyu Technology
Xianyu Technology
Aug 10, 2022 · Mobile Development

Enabling MIUI Long Screenshot in Flutter: Xianyu’s Non‑Intrusive Integration

This article details how Xianyu’s engineering team analyzed and adapted Xiaomi’s MIUI long‑screenshot capability for Flutter list pages, covering the problem background, system source investigation, scroll view detection, event proxy design, asynchronous channel and synchronous FFI communication, and performance results.

AndroidFFILong Screenshot
0 likes · 17 min read
Enabling MIUI Long Screenshot in Flutter: Xianyu’s Non‑Intrusive Integration
58 Tech
58 Tech
Jul 28, 2022 · Mobile Development

Fair 2.0: Features, Usage Guide, and Roadmap for the Flutter Dynamic Framework

This article introduces Fair 2.0—a dynamic framework for Flutter—detailing its new features, installation steps, code examples for loading bundles, model registration, and runtime error handling, followed by contributor information, upcoming roadmap items, and links to documentation and source repositories.

DARTFAIRdynamic updates
0 likes · 7 min read
Fair 2.0: Features, Usage Guide, and Roadmap for the Flutter Dynamic Framework
HomeTech
HomeTech
Jul 27, 2022 · Mobile Development

Hybrid Full-Click Tracking Design for iOS and Flutter Applications

This article presents a hybrid click‑tracking solution that combines the precision of code‑based instrumentation with the low‑cost advantages of full‑click (auto) tracking, detailing implementation patterns for iOS UIControl subclasses, UITableView delegation, and Flutter widget trees using inheritance and custom gesture wrappers.

Event Analyticsclick trackingflutter
0 likes · 12 min read
Hybrid Full-Click Tracking Design for iOS and Flutter Applications
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jul 22, 2022 · Frontend Development

Explore Cutting-Edge Frontend Techniques: Babel, Flutter, CSS Animations & More

This article curates a series of front‑end insights, covering Babel fundamentals and plugin development, Flutter widget lifecycle and state management, pure‑CSS transition recreations, user‑experience considerations, practical front‑end best‑practice tips, and a discussion on Vue’s potential move away from virtual DOM, while also inviting readers to join the Cloud Academy front‑end team.

BabelCSSFrontend
0 likes · 4 min read
Explore Cutting-Edge Frontend Techniques: Babel, Flutter, CSS Animations & More
Ctrip Technology
Ctrip Technology
Jul 7, 2022 · Mobile Development

Performance Optimization Practices for a Flutter‑Based Hotel App at Ctrip

This article details how Ctrip's hotel team used Flutter to improve app performance over two years by monitoring FPS, TTI, memory, applying widget‑tree optimizations, lazy loading, frame rendering, service‑channel enhancements with Protobuf, and systematic memory‑leak detection and mitigation.

ProtobufTTIflutter
0 likes · 22 min read
Performance Optimization Practices for a Flutter‑Based Hotel App at Ctrip
ITPUB
ITPUB
Jun 23, 2022 · Mobile Development

Flutter vs React Native vs Weex vs H5: Architecture, Performance, and Optimization

This article examines the four popular cross‑platform technologies—Flutter, React Native, Weex, and H5—by detailing their architectural layers, compilation models, rendering pipelines, typical performance bottlenecks, and practical optimization techniques, and offers guidance on selecting the most suitable stack for a given project.

H5Weexcross‑platform
0 likes · 16 min read
Flutter vs React Native vs Weex vs H5: Architecture, Performance, and Optimization
Xianyu Technology
Xianyu Technology
Jun 15, 2022 · Mobile Development

Implementing Magnifier Mode and Reverse Selection in Flutter TextField

The article details how to add a native‑style magnifier loupe and support reverse text selection to Flutter’s TextField by using CompositedTransformTarget/Follower overlays with BackdropFilter rendering, extending TextSelectionOverlay and gesture builders, tracking drag state, and swapping selection offsets when handles cross.

MagnifierMobile UISelection
0 likes · 11 min read
Implementing Magnifier Mode and Reverse Selection in Flutter TextField
IEG Growth Platform Technology Team
IEG Growth Platform Technology Team
Jun 14, 2022 · Mobile Development

Flutter Scrollable Widgets: ListView, GridView, Sliver, CustomScrollView, and TabBarView

This tutorial explains how to use Flutter's scrollable components—including ListView, GridView, Sliver, CustomScrollView, and TabBarView—covers their constructors, lazy‑loading behavior, event listening with ScrollController and NotificationListener, and provides complete code examples for each widget.

GridViewScrollable Widgetsflutter
0 likes · 21 min read
Flutter Scrollable Widgets: ListView, GridView, Sliver, CustomScrollView, and TabBarView
JD Tech
JD Tech
Jun 9, 2022 · Mobile Development

Comparative Analysis of Cross‑Platform Mobile Development Technologies: Flutter, React Native, Weex, and H5

This article systematically examines the characteristics, architecture, compilation principles, rendering processes, and common performance issues of four popular cross‑platform mobile technologies—Flutter, React Native, Weex, and H5—offering guidance on technical selection and optimization strategies.

Weexcross‑platformflutter
0 likes · 16 min read
Comparative Analysis of Cross‑Platform Mobile Development Technologies: Flutter, React Native, Weex, and H5
Xianyu Technology
Xianyu Technology
Jun 8, 2022 · Mobile Development

Design and Implementation of a High‑Performance Flutter Rich Text Editor (Mural)

The article details how the Xianyu team built a feature‑complete, extensible, high‑performance Flutter rich‑text editor called Mural by defining a Slate‑inspired protocol layer, mapping it to a custom widget/render object tree, handling cursor and WidgetSpan selection, using diff‑based updates, and providing a plug‑in architecture for extensions.

CursorMuralRendering
0 likes · 10 min read
Design and Implementation of a High‑Performance Flutter Rich Text Editor (Mural)
DaTaobao Tech
DaTaobao Tech
Jun 6, 2022 · Mobile Development

Hybrid App Development: Strategies and Framework Comparisons for Mobile and PC

The article reviews hybrid app development strategies by comparing mobile frameworks such as React Native, Weex and Flutter with PC solutions like Chrome‑based H5, Electron and Qt + CEF, and illustrates a staged migration case study of Taobao Live’s client—from pure Qt to Qt + CEF and finally to Electron + Node—to shorten cycles, simplify third‑party integration, and leverage Chromium’s capabilities.

CEFElectronHybrid App
0 likes · 12 min read
Hybrid App Development: Strategies and Framework Comparisons for Mobile and PC
Ctrip Technology
Ctrip Technology
Jun 2, 2022 · Mobile Development

Quantifying and Improving Mobile App Performance: Metrics, Monitoring, and Optimization Practices at Ctrip

This article details Ctrip's mobile app performance improvement framework, introducing quantitative smoothness metrics, interactive load time measurement, Flutter and React Native monitoring techniques, and practical optimizations that reduced slow‑load rates from 42.9% to 8% while boosting overall smoothness to 80%.

OptimizationReactNativeflutter
0 likes · 19 min read
Quantifying and Improving Mobile App Performance: Metrics, Monitoring, and Optimization Practices at Ctrip
Alibaba Terminal Technology
Alibaba Terminal Technology
Jun 2, 2022 · Mobile Development

How PowerImage Revolutionizes Flutter Image Handling with FFI and Texture

PowerImage, Alibaba’s next‑generation Flutter image library, combines native‑level FFI and texture techniques to deliver ui.Image support, pre‑loading, unified caching, simulator compatibility, custom image channels, and performance‑optimized rendering, while providing extensive unit tests and open‑source tooling for developers.

FFIflutterimage processing
0 likes · 11 min read
How PowerImage Revolutionizes Flutter Image Handling with FFI and Texture
Xianyu Technology
Xianyu Technology
Jun 1, 2022 · Mobile Development

PowerImage: High‑Performance Flutter Image Library Using FFI and Texture Integration

PowerImage is a stable, high‑performance Flutter image library that combines native FFI and texture integration to eliminate cache conflicts, enable simulator support, provide custom image channels, preload and animate images, unify memory management, reduce Dart code, achieve extensive test coverage, and invite open‑source contributions for future enhancements.

FFIImageProcessingMobileDevelopment
0 likes · 12 min read
PowerImage: High‑Performance Flutter Image Library Using FFI and Texture Integration
Alibaba Terminal Technology
Alibaba Terminal Technology
May 19, 2022 · Mobile Development

How Impeller Redefines Flutter Rendering to Eliminate Shader Jank

Impeller, Flutter’s new rendering backend, tackles shader compilation jank by offline compiling shaders into shader libraries, introducing a modular architecture with compiler, renderer, and entity components, supporting Metal on iOS/macOS, and promising predictable performance, portability, and concurrency while outlining current limitations and future roadmap.

ImpellerShaderflutter
0 likes · 15 min read
How Impeller Redefines Flutter Rendering to Eliminate Shader Jank
Xianyu Technology
Xianyu Technology
May 18, 2022 · Mobile Development

Design and Architecture of a High‑Performance Extensible Rich Text Editor for Flutter

To enable Xianyu sellers to create rich product descriptions, the team built a high‑performance, extensible Flutter rich‑text editor using Slate’s protocol, layering protocol, capability extensions, rendering, and business extensions to support custom emojis, themes, ordered paragraphs, and native‑level interactions.

Slatearchitectureextensibility
0 likes · 8 min read
Design and Architecture of a High‑Performance Extensible Rich Text Editor for Flutter
21CTO
21CTO
May 13, 2022 · Mobile Development

What’s New in Flutter After Google I/O 2022? Explore the Biggest Updates

Google I/O 2022 showcased Flutter 3.0 with stable macOS and Linux builds, a new casual‑game toolkit, deeper Firebase integration including Crashlytics, and highlighted that over 500,000 cross‑platform apps now rely on Flutter’s fast, native performance across mobile, desktop, and wear devices.

Cross‑platformGoogle I/O 2022firebase
0 likes · 5 min read
What’s New in Flutter After Google I/O 2022? Explore the Biggest Updates
ByteFE
ByteFE
May 13, 2022 · Frontend Development

Weekly Tech Digest: Flutter 3.0, JavaScript Framework Eras, React Concurrent Rendering, WebComponents, Build Tools Comparison, Rust Intro, Vite Core Principles

This digest covers Flutter 3.0 release, the evolution of JavaScript frameworks, React concurrent rendering, WebComponents UI library insights, frontend build tool comparisons, Rust fundamentals, and Vite core principles, and includes external articles on GraphQL and software engineering best practices.

JavaScriptReActRust
0 likes · 5 min read
Weekly Tech Digest: Flutter 3.0, JavaScript Framework Eras, React Concurrent Rendering, WebComponents, Build Tools Comparison, Rust Intro, Vite Core Principles
Laravel Tech Community
Laravel Tech Community
May 12, 2022 · Frontend Development

Google Announces Flutter 3 with Multi‑Platform Support, Firebase Integration, and New Productivity Features

Google's Flutter 3 release expands stable support to macOS and Linux desktops, adds first‑class Apple Silicon compatibility, introduces Material You, Dart 2.17 enhancements, deep Firebase integration including Crashlytics, and a casual‑games toolkit, enabling developers to build production‑grade apps across Android, iOS, web, Windows, macOS and Linux.

DARTMaterial DesignUI framework
0 likes · 5 min read
Google Announces Flutter 3 with Multi‑Platform Support, Firebase Integration, and New Productivity Features
Alibaba Terminal Technology
Alibaba Terminal Technology
May 12, 2022 · Frontend Development

How DingTalk Fixed FlutterEngine Crashes, Memory Leaks, and Deadlocks on Desktop

This article details the technical challenges DingTalk faced when integrating Flutter across macOS and Windows desktops, covering memory leaks, shutdown deadlocks, OpenGL crashes, rendering glitches, plugin registration wild‑pointer crashes, and white‑screen issues, and explains the root causes and concrete solutions applied to each problem.

CrashCross‑PlatformDeadlock
0 likes · 12 min read
How DingTalk Fixed FlutterEngine Crashes, Memory Leaks, and Deadlocks on Desktop
JD Tech
JD Tech
Apr 29, 2022 · Frontend Development

Cross‑Platform Frontend Evolution and Low‑Code Flutter Implementation

This article examines the evolution of cross‑platform frontend technologies, outlines key criteria for selecting a solution, compares major approaches such as WebView, native rendering, and self‑rendering, and presents a practical low‑code, Flutter‑based implementation that delivers fast, consistent multi‑device applications.

FrontendLow-codeflutter
0 likes · 11 min read
Cross‑Platform Frontend Evolution and Low‑Code Flutter Implementation
Youzan Coder
Youzan Coder
Apr 26, 2022 · Mobile Development

Performance Optimization of Flutter Applications Using Fish Redux

By analyzing severe UI lag in a Flutter retail app, the team discovered that Fish Redux’s refresh mechanism and an inefficient JSON key‑conversion library caused excessive rebuilds; rewriting shouldUpdate, adopting ImmutableConn, and replacing Recase with a cached converter cut lag by roughly 60 % and demonstrated the importance of fine‑grained component management for high‑performance Flutter applications.

DARTFish ReduxState Management
0 likes · 11 min read
Performance Optimization of Flutter Applications Using Fish Redux
DaTaobao Tech
DaTaobao Tech
Apr 22, 2022 · Mobile Development

Impeller: Flutter's New Rendering Backend and Offline Shader Compilation

Impeller, Flutter’s new rendering backend, eliminates runtime shader‑compilation jank by offline‑compiling GLSL to SPIR‑V and target APIs such as Metal, generating C++ bindings for fast pipeline state creation, offering predictable performance, portability and concurrency, though currently only the Metal backend is functional and feature support remains incomplete.

GraphicsImpellerShader
0 likes · 14 min read
Impeller: Flutter's New Rendering Backend and Offline Shader Compilation
58 Tech
58 Tech
Apr 21, 2022 · Frontend Development

Interview with Li Yi on Building 58 Group’s Large Front‑End Technology Service System

In this interview, Li Yi, head of 58 Group’s Front‑End Technology Department, explains how the company built its large‑scale front‑end service system—including a Hybrid permission platform, a React Native hot‑update platform, and the Beidou monitoring system—while discussing cross‑platform frameworks, performance challenges, low‑code adoption, and advice for newcomers.

FrontendLow-codeMonitoring
0 likes · 11 min read
Interview with Li Yi on Building 58 Group’s Large Front‑End Technology Service System
Xianyu Technology
Xianyu Technology
Apr 20, 2022 · Mobile Development

PowerMedia: A Flutter-Based Streaming Audio and Video Development Framework

PowerMedia is a Flutter‑based framework that abstracts audio and video capabilities into producer, consumer, and producer‑consumer nodes, enabling developers to build cross‑platform streaming pipelines—such as camera, microphone, and recorder—directly in Flutter, improving efficiency, consistency, and maintainability of multimedia applications.

Audio and Video DevelopmentMeta-Ability NodesNative integration
0 likes · 10 min read
PowerMedia: A Flutter-Based Streaming Audio and Video Development Framework
政采云技术
政采云技术
Apr 8, 2022 · Mobile Development

Dynamic Iconfont Loading in Flutter: Update Icons Without Re‑Release

This guide explains how to implement a Flutter solution that dynamically loads and updates iconfont TTF files at runtime, covering the FontLoader API, remote font fetching, name‑to‑Unicode mapping, and a FutureBuilder‑based extension that refreshes icons without requiring a new app release.

DARTDynamic LoadingFontLoader
0 likes · 11 min read
Dynamic Iconfont Loading in Flutter: Update Icons Without Re‑Release
Xianyu Technology
Xianyu Technology
Mar 29, 2022 · Mobile Development

Optimizing Flutter Scroll Curve and Performance for Xianyu

Xianyu's team optimized Flutter's scrolling by fixing fling restarts, replacing the default Clamping simulation with Android's Scroller formula, and adding a velocity‑based deceleration curve, resulting in native‑like smoothness and reduced dropped frames, now shipped behind feature flags and evaluated in A/B tests.

Optimizationanimationflutter
0 likes · 11 min read
Optimizing Flutter Scroll Curve and Performance for Xianyu
政采云技术
政采云技术
Mar 25, 2022 · Mobile Development

Low-Cost Screen Adaptation Solutions in Flutter

This article explores low-cost screen adaptation techniques in Flutter, analyzing physical vs logical pixels, evaluating existing solutions like flutter_screenutil, and proposing two approaches—modifying engine-level ViewConfiguration and customizing WidgetsFlutterBinding—to achieve consistent UI across devices without invasive code changes.

MediaQueryUI consistencyWidgetsFlutterBinding
0 likes · 12 min read
Low-Cost Screen Adaptation Solutions in Flutter
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 21, 2022 · Mobile Development

How Taote Achieved Near‑Native Flutter Performance in Phase‑2 Optimizations

This article details Taote's second‑phase Flutter performance project, covering engine upgrades, a custom image library, a lightweight Flow‑View container, and Android scroll‑simulation tweaks that together delivered smoother scrolling, eliminated iOS lag, and brought frame rates close to native levels.

Hummer EngineImage Loadingflutter
0 likes · 9 min read
How Taote Achieved Near‑Native Flutter Performance in Phase‑2 Optimizations
ByteDance Terminal Technology
ByteDance Terminal Technology
Mar 8, 2022 · Mobile Development

How We Brought ChartSpace to Flutter Using a Cross‑Platform Canvas

This article explains how a graphics‑grammar‑based chart library called ChartSpace was ported to Flutter by recording Web canvas commands in a mock canvas, replaying them on Flutter's canvas, handling touch interaction conversion, and optimizing performance, while sharing the challenges and solutions encountered.

ChartSpaceCross‑Platform CanvasGraphics
0 likes · 12 min read
How We Brought ChartSpace to Flutter Using a Cross‑Platform Canvas
IEG Growth Platform Technology Team
IEG Growth Platform Technology Team
Mar 7, 2022 · Mobile Development

Flutter Container Widgets and Layout Components

This article provides a comprehensive overview of Flutter's container‑type widgets—including Padding, DecoratedBox, Transform, Container, and Scaffold—explaining their differences from layout widgets, demonstrating their APIs, and showing practical code examples for UI composition and styling.

UIWidgetcontainer
0 likes · 16 min read
Flutter Container Widgets and Layout Components
ByteFE
ByteFE
Mar 4, 2022 · Frontend Development

Tech Article Recommendations: MDN Redesign, Taro, Vite, DDD, State Machine, Flutter, GIF, Node.js Streams, Browser Inline Import, Frontend Drag-and-Drop

This post curates a variety of technical article recommendations covering frontend innovations like MDN's redesign, Taro, Vite, state‑based architecture, and drag‑and‑drop, plus backend Node.js streams, mobile Flutter, and cross‑platform insights for developers seeking to stay updated.

DDDDrag-and-DropNode.js
0 likes · 5 min read
Tech Article Recommendations: MDN Redesign, Taro, Vite, DDD, State Machine, Flutter, GIF, Node.js Streams, Browser Inline Import, Frontend Drag-and-Drop
Xianyu Technology
Xianyu Technology
Feb 22, 2022 · Mobile Development

Precise Code Instrumentation and Test Case Recommendation for Flutter Using Aspectd

The team enhanced the Dart AOP framework Aspectd to expose compile‑time module, class, method, and argument data, insert branch‑level instrumentation, and enable bulk injection via a configuration file, providing precise code coloring and automated test‑case recommendation for large‑scale Flutter applications.

AOPAspectDcode instrumentation
0 likes · 9 min read
Precise Code Instrumentation and Test Case Recommendation for Flutter Using Aspectd
Sohu Tech Products
Sohu Tech Products
Feb 9, 2022 · Mobile Development

Flutter State Management: Using Provider and Source Code Analysis

This article explains how to use the Provider package for state management in Flutter, detailing its implementation, including ChangeNotifierProvider, Consumer, ProxyProvider, and the underlying InheritedWidget mechanism, and compares it with other popular Flutter state‑management solutions.

ChangeNotifierInheritedWidgetProxyProvider
0 likes · 24 min read
Flutter State Management: Using Provider and Source Code Analysis
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 28, 2022 · Mobile Development

Top 2021 Alibaba Mobile Tech Articles: HarmonyOS, Flutter, AI & More

This curated list showcases Alibaba Mobile Technology's standout 2021 articles, covering HarmonyOS rendering engine analysis, Youku's HarmonyOS development series, Gaode Map performance optimization, AndroidX migration, Flutter performance tricks, security production systems, QUIC protocol adoption, and cutting‑edge OCR and AI advancements.

AIHarmonyOSflutter
0 likes · 8 min read
Top 2021 Alibaba Mobile Tech Articles: HarmonyOS, Flutter, AI & More
Sohu Tech Products
Sohu Tech Products
Jan 26, 2022 · Frontend Development

Flutter for Web: Two Compilation Approaches and Their Internals

This article explains Flutter's layered architecture, compares two web‑support strategies (HTML + CSS + Canvas vs. CSS Paint API), and details the dart2js and dartdevc compilers, their workflows, code examples, and when to use each for development or production.

CompilationFrontenddart2js
0 likes · 10 min read
Flutter for Web: Two Compilation Approaches and Their Internals
BaiPing Technology
BaiPing Technology
Jan 24, 2022 · Mobile Development

Mastering Flutter's StatefulWidget and App Lifecycle

This article explains the complete lifecycle of Android activities, iOS view controllers, and Flutter's StatefulWidget, shows how to place initialization and business logic, demonstrates key lifecycle methods with code examples, and covers Flutter app‑level lifecycle states for robust mobile development.

App LifecycleDARTLifecycle
0 likes · 18 min read
Mastering Flutter's StatefulWidget and App Lifecycle
Taobao Frontend Technology
Taobao Frontend Technology
Jan 5, 2022 · Frontend Development

Embedding Flutter Widgets as Custom Elements in Kraken's Web Engine

This article explains how Kraken, a high‑performance Web rendering engine, integrates Flutter widgets as custom elements, detailing the component architecture, registration process, rendering pipeline, adapter mechanisms, and advanced use cases such as optimizing waterfall‑flow performance for seamless hybrid Web‑Flutter applications.

Hybrid RenderingKrakencustom elements
0 likes · 14 min read
Embedding Flutter Widgets as Custom Elements in Kraken's Web Engine
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 5, 2022 · Frontend Development

Embedding Flutter Widgets as Custom Elements in Kraken for High‑Performance Web Rendering

This article explains how to integrate Flutter widgets into the Kraken web rendering engine as custom elements, detailing the architecture, rendering pipelines, code examples, and advanced scenarios such as waterfall‑flow optimization to achieve dynamic, high‑performance, and easily extensible front‑end applications.

FrontendKrakencustom elements
0 likes · 15 min read
Embedding Flutter Widgets as Custom Elements in Kraken for High‑Performance Web Rendering
Xianyu Technology
Xianyu Technology
Dec 28, 2021 · Mobile Development

Optimizing Flutter Engine for 120 Hz on iPhone 13 – Internship Experience

During a three‑month internship at Xianyu, senior software engineering student Wen Jingrui (Mu Chen) tackled Flutter Engine limitations on the iPhone 13’s 120 Hz display, debugging iOS frame‑callback code to enable smooth rendering, fixing keyboard‑animation bugs, and contributing video and image editor features, ultimately earning a full‑time offer.

engine optimizationflutterhigh refresh rate
0 likes · 5 min read
Optimizing Flutter Engine for 120 Hz on iPhone 13 – Internship Experience
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 24, 2021 · Mobile Development

Boost Flutter App Smoothness: 10 Proven Optimization Techniques from Taote

This article details how Taote engineers tackled severe frame‑rate and stutter issues in a complex e‑commerce Flutter app by applying ten practical performance optimizations—ranging from reducing setState calls to leveraging RepaintBoundary—resulting in measurable FPS gains and a noticeably smoother user experience on low‑end devices.

UIflutterperformance
0 likes · 15 min read
Boost Flutter App Smoothness: 10 Proven Optimization Techniques from Taote
Xianyu Technology
Xianyu Technology
Dec 21, 2021 · Mobile Development

How Xianyu Built a Cross‑Platform Flutter Live‑Streaming SDK

This article details Xianyu's engineering journey to replace third‑party live‑streaming SDKs with a custom, Flutter‑based cross‑platform solution that addresses customization difficulty, platform consistency, and log tracing while outlining design principles, module implementations, and performance outcomes.

PlatformViewcross‑platformflutter
0 likes · 13 min read
How Xianyu Built a Cross‑Platform Flutter Live‑Streaming SDK
Laravel Tech Community
Laravel Tech Community
Dec 16, 2021 · Mobile Development

Programming Languages for Mobile Apps: Native and Cross‑Platform Options

This article explains the programming languages used for Android and iOS apps, compares native languages such as Java, Kotlin, Swift, and Objective‑C with cross‑platform solutions like Flutter (Dart) and uni‑app (Vue.js), and summarizes the typical language stacks for large‑scale mobile applications.

Androidcross‑platformflutter
0 likes · 5 min read
Programming Languages for Mobile Apps: Native and Cross‑Platform Options
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 10, 2021 · Mobile Development

How PowerScrollView Revolutionizes Flutter’s Flow Layout Performance

PowerScrollView is a custom Flutter scrolling container that combines native section concepts with CustomScrollView to deliver flexible layouts, automatic exposure, index scrolling, and fine‑grained performance optimizations such as partial refresh, element reuse, and frame‑by‑frame rendering for smoother user experiences on complex flow pages.

CustomScrollViewPartial Refreshflutter
0 likes · 15 min read
How PowerScrollView Revolutionizes Flutter’s Flow Layout Performance
Beike Product & Technology
Beike Product & Technology
Dec 10, 2021 · Mobile Development

Beike's Flutter Integration Scheme for iOS and Android: Hybrid, Source and Binary Modes

This article details Beike's comprehensive Flutter integration approach for existing iOS and Android projects, covering official module templates, the challenges of the native integration process, and the company's source‑code and binary‑mode solutions that streamline podspec configuration, plugin handling, SDK automation, flavor support, and build efficiency.

CocoaPodsGradleHybrid Integration
0 likes · 21 min read
Beike's Flutter Integration Scheme for iOS and Android: Hybrid, Source and Binary Modes
Manbang Technology Team
Manbang Technology Team
Dec 9, 2021 · Mobile Development

Thresh: Enhancing Mobile App Performance with Flutter-Based Dynamicization and JSI Integration

Thresh is a Flutter-based cross-platform dynamic solution for frontend developers that integrates the JavaScript Engine Interface (JSI) to streamline communication between JavaScript and Dart, reducing serialization overhead and thread switching, thereby improving startup and rendering performance on mobile devices.

Cross‑platformJSIJavaScript engine
0 likes · 16 min read
Thresh: Enhancing Mobile App Performance with Flutter-Based Dynamicization and JSI Integration
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 30, 2021 · Mobile Development

Fixing Jumping Behavior in Flutter Chat Lists with CustomScrollView Center

This article explains why a reverse‑ordered Flutter chat ListView jumps when inserting messages at both ends, analyzes the underlying Viewport‑Scrollable‑Sliver architecture, and demonstrates how configuring the center property of a CustomScrollView with multiple SliverLists eliminates the unwanted scroll offset changes.

CustomScrollViewListViewchat
0 likes · 6 min read
Fixing Jumping Behavior in Flutter Chat Lists with CustomScrollView Center
Xianyu Technology
Xianyu Technology
Nov 30, 2021 · Mobile Development

Flutter Performance Optimization: Challenges, Tools, and Best Practices

The Xianyu team’s talk outlines Flutter performance challenges—complex list‑item logic, a 16.6 ms frame budget, DynamicX template overhead, and scroll‑curve‑induced offset jumps—and presents best‑practice solutions such as PowerScrollView caching, partial refresh, frame‑splitting, DynamicX caching, isolate offloading, layer merging, plus custom benchmarking, DevTools extensions, and FlutterBlockCanary for measurement, urging developers to prioritize perceived smoothness, monitor raster costs, and leverage multi‑threading and community updates.

DevToolsOptimizationdynamicx
0 likes · 18 min read
Flutter Performance Optimization: Challenges, Tools, and Best Practices
BaiPing Technology
BaiPing Technology
Nov 22, 2021 · Mobile Development

Mastering Fish Redux: Build Complex Flutter Pages with a Simple 3‑Step Process

This article walks through the core concepts of Fish Redux, a Redux‑based state‑management framework for Flutter, and demonstrates a three‑step, component‑driven workflow for assembling and rendering a complex user‑home page, complete with code snippets and architectural diagrams.

Component ArchitectureFish ReduxState Management
0 likes · 12 min read
Mastering Fish Redux: Build Complex Flutter Pages with a Simple 3‑Step Process
Xianyu Technology
Xianyu Technology
Nov 18, 2021 · Mobile Development

Optimizing fish_redux 3.0: Architecture, Core Capabilities, and Code Refactoring

Fish_redux 3.0 refactors the framework by collapsing deep inheritance into a BasicComponent base, trimming code from over 3 k to about 1 k lines, streamlining context handling, and preserving core state‑driven UI, middleware, and assembly‑style componentization while adding lightweight extension packages and a roadmap for further Flutter and Dart 2.x enhancements.

Code RefactoringState Managementfish_redux
0 likes · 9 min read
Optimizing fish_redux 3.0: Architecture, Core Capabilities, and Code Refactoring
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 17, 2021 · Mobile Development

Building a LeakCanary‑Style Memory Leak Detector for Flutter

This article analyzes why Flutter apps suffer from high memory usage, identifies BuildContext and State as primary leak sources, and proposes a comprehensive, automated detection tool inspired by Android LeakCanary that accurately and efficiently finds memory leaks in production Flutter applications.

BuildContextLeakCanaryflutter
0 likes · 16 min read
Building a LeakCanary‑Style Memory Leak Detector for Flutter
Tencent Music Tech Team
Tencent Music Tech Team
Nov 17, 2021 · Mobile Development

Understanding Flutter Routing and Navigation Management

Flutter’s navigation system uses a stateful Navigator widget that manages a stack of Route objects—such as OverlayRoute, TransitionRoute, ModalRoute, PageRoute, and PopupRoute—while an Overlay mirrors this stack with OverlayEntry widgets and the internal _Theatre component efficiently renders on‑stage and off‑stage pages.

Overlaycross‑platformflutter
0 likes · 9 min read
Understanding Flutter Routing and Navigation Management
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 1, 2021 · Mobile Development

How to Extend Flutter UI Automation Beyond Native Tools: A Practical Guide

Flutter’s native testing tools struggle with hybrid apps, so this article analyzes the limitations of Flutter driver and integration_test, then presents a custom solution that leverages native automation frameworks, JSON protocols, and image‑processing techniques to achieve reliable UI automation for Flutter pages.

PythonUI automationflutter
0 likes · 9 min read
How to Extend Flutter UI Automation Beyond Native Tools: A Practical Guide
ELab Team
ELab Team
Oct 29, 2021 · Mobile Development

Master Flutter: Build a Cross‑Platform Todo App with Dart and React Comparisons

This article introduces Flutter, Google’s open‑source mobile UI framework, explains its cross‑platform rendering engine, compares it with React, and walks through building a Todo‑List app—including environment setup, project structure, Dart code, widget creation, routing, state management with Provider, and widget lifecycle—complete with code snippets and screenshots.

DARTState ManagementTodo App
0 likes · 20 min read
Master Flutter: Build a Cross‑Platform Todo App with Dart and React Comparisons
Xianyu Technology
Xianyu Technology
Oct 29, 2021 · Mobile Development

PowerImage: Integrating FFI and External Texture for Advanced Flutter Image Handling

PowerImage combines FFI and external‑texture techniques to deliver native‑like Flutter image handling, offering direct ui.Image loading, unified caching, simulator support, custom channels and comprehensive error capture, with texture‑based rendering preferred for typical use and FFI reserved for legacy simulators or direct pixel access, while providing performance gains and upcoming animated‑image support.

FFITextureflutter
0 likes · 12 min read
PowerImage: Integrating FFI and External Texture for Advanced Flutter Image Handling
360 Tech Engineering
360 Tech Engineering
Oct 26, 2021 · Mobile Development

Understanding Flutter Widget Lifecycle: StatelessWidget and StatefulWidget

This article explains the Flutter widget lifecycle, covering the differences between StatelessWidget and StatefulWidget, detailing each lifecycle method, providing a runnable demo with code and logs, and discussing app‑level lifecycle handling and common pitfalls for mobile developers.

DARTStatefulWidgetStatelessWidget
0 likes · 9 min read
Understanding Flutter Widget Lifecycle: StatelessWidget and StatefulWidget
Xueersi 1-on-1 Technology Team
Xueersi 1-on-1 Technology Team
Oct 21, 2021 · Mobile Development

Building a Scalable Flutter Cross‑Platform App: Architecture, Engine Sharing & Crash Management

This article explores the rapid rise of mobile cross‑platform solutions, explains why the Xueersi 1‑to‑1 team chose Flutter, and details their engineering practices—including project architecture, engine‑sharing strategies, unified routing, communication channels, and crash monitoring—while also looking ahead to future possibilities.

Crash MonitoringEngine Sharingcross‑platform
0 likes · 21 min read
Building a Scalable Flutter Cross‑Platform App: Architecture, Engine Sharing & Crash Management
Xianyu Technology
Xianyu Technology
Oct 21, 2021 · Mobile Development

Flutter iOS GPU Background Crash Analysis and Solution

The article analyzes why Flutter crashes on iOS when accessing the GPU in the background, explains the official SyncSwitch fix for ImageDecoder, and details Xianyu’s additional patches for MultipleFrameCodec, EncodeImage, and Rasterizer::DrawToSurface that together, via PR #28383, fully resolve the GPU‑background crash.

CrashGPUImageDecoder
0 likes · 11 min read
Flutter iOS GPU Background Crash Analysis and Solution
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 15, 2021 · Mobile Development

How Xianyu Built a High‑Performance Stream‑Based Page Container in Flutter

This article explains how Xianyu tackled the challenges of rapidly delivering lightweight, dynamic pages by designing a stream‑based page container architecture that combines a platform‑side building system, MVVM client side, three‑layer protocols, event‑driven communication, and high‑performance list rendering in Flutter.

Dynamic TemplatesMVVMPage Container
0 likes · 14 min read
How Xianyu Built a High‑Performance Stream‑Based Page Container in Flutter
Tencent Music Tech Team
Tencent Music Tech Team
Oct 4, 2021 · Mobile Development

Tree Structures in iOS, Android, Web, and Flutter: Views, Layers, and Rendering

The article compares the view‑and‑layer tree architectures of iOS, Android, Web, and Flutter, explaining iOS’s UIView/CALayer hierarchy, coordinate system, and model‑presentation‑render trees, while detailing Flutter’s widget, element, render‑object, and layer trees, and highlighting their shared parse‑layout‑render pipeline and differing animation approaches.

CALayerUIViewView Tree
0 likes · 12 min read
Tree Structures in iOS, Android, Web, and Flutter: Views, Layers, and Rendering
Tencent Music Tech Team
Tencent Music Tech Team
Oct 1, 2021 · Frontend Development

Tree and View Systems Across Web, Android, iOS, and Flutter

These articles compare how Web, Android, iOS, and Flutter represent UI structures—detailing the DOM and Virtual DOM creation, diffing, and rendering on the Web, and the XML‑based layout inflation, view hierarchy, styling, and drawing pipeline on Android—to help front‑end developers grasp each platform’s tree‑based architecture.

AndroidView SystemVirtual DOM
0 likes · 11 min read
Tree and View Systems Across Web, Android, iOS, and Flutter
Beike Product & Technology
Beike Product & Technology
Sep 30, 2021 · Mobile Development

Flutter List Page Jank Analysis and Frame‑Splitting Optimization

This article examines the cause of jank in a vertically scrolling Flutter list page on low‑end Android devices, explains the rendering pipeline and build‑layout‑paint stages, and presents a frame‑splitting optimization using the keframe package that reduces frame time and improves smoothness, with performance data.

Frame SplittingOptimizationflutter
0 likes · 8 min read
Flutter List Page Jank Analysis and Frame‑Splitting Optimization
ByteDance Dali Intelligent Technology Team
ByteDance Dali Intelligent Technology Team
Sep 28, 2021 · Mobile Development

Achieving Precise Vertical Text Centering in Flutter: Font Metrics Analysis and Android‑Based Solution

This article investigates why text in Flutter buttons often fails to vertically center, analyzes Android font metrics and NotoSansCJK details, explores native Android solutions like includeFontPadding and Paint.getTextBounds, and proposes a Flutter implementation using minikin layout to achieve precise vertical centering.

AndroidFont Metricsflutter
0 likes · 15 min read
Achieving Precise Vertical Text Centering in Flutter: Font Metrics Analysis and Android‑Based Solution
Tencent Cloud Developer
Tencent Cloud Developer
Sep 26, 2021 · Mobile Development

Flutter: Why Choose It, Overview, and Rendering Architecture

Flutter is chosen for cross‑platform development because its single‑code Dart framework uses a self‑rendering engine and layered architecture—embedder, engine, and framework—to bypass JS bridges, delivering high‑performance, consistent UI via a GPU‑driven pipeline with layout, painting, and compositing optimizations.

DARTSkiacross‑platform
0 likes · 10 min read
Flutter: Why Choose It, Overview, and Rendering Architecture
WeChat Client Technology Team
WeChat Client Technology Team
Sep 23, 2021 · Mobile Development

How Enterprise WeChat Scaled to Millions with Flutter: Architecture & Lessons

This article details how Enterprise WeChat tackled the challenges of five‑platform UI development by adopting Flutter, describing its multi‑module architecture, hybrid stack engine management, communication via pigeon and dart‑ffi, performance optimizations, tooling, and dynamic‑loading strategies that enabled large‑scale cross‑platform deployment.

Dart FFIHybrid StackPigeon
0 likes · 34 min read
How Enterprise WeChat Scaled to Millions with Flutter: Architecture & Lessons