Tagged articles
461 articles
Page 5 of 5
Sohu Tech Products
Sohu Tech Products
Apr 3, 2019 · Mobile Development

Comprehensive Overview of Flutter: Architecture, Widgets, Hot Reload, and Development Practices

Flutter is Google's cross‑platform UI toolkit that uses the Dart language to build native‑compiled applications for iOS and Android, featuring its own rendering engine, widget hierarchy, hot reload, AOT/JIT compilation, networking libraries, state management, and best‑practice development guidelines.

DARTFlutterMobile Development
0 likes · 28 min read
Comprehensive Overview of Flutter: Architecture, Widgets, Hot Reload, and Development Practices
Xianyu Technology
Xianyu Technology
Mar 29, 2019 · Mobile Development

Translating UI DSL to Flutter Code: Architecture and Algorithms

The UI2CODE pipeline converts image‑derived JSON DSL layouts into Flutter code by constructing a hierarchical DSL tree, partitioning it into rows, columns or stacks, applying unsupervised text‑alignment and padding heuristics, generating templated widget code with separate data models, cutting development effort by roughly two‑thirds and now used internally at Xianyu.

Code GenerationDSLFlutter
0 likes · 11 min read
Translating UI DSL to Flutter Code: Architecture and Algorithms
Xianyu Technology
Xianyu Technology
Mar 27, 2019 · Mobile Development

Flutter Dynamic Template Rendering for Xianyu App

To meet Xianyu’s rapid UI change demands and curb its swelling Android package, the team built a Flutter‑specific dynamic template system that compiles Dart widget code into JSON, streams it to the client, reconstructs the widget tree at runtime, and maintains 55‑60 fps performance while planning further widget support and caching.

Code GenerationDARTFlutter
0 likes · 11 min read
Flutter Dynamic Template Rendering for Xianyu App
Mafengwo Technology
Mafengwo Technology
Mar 21, 2019 · Mobile Development

Why Flutter Beats WebView and React Native for Cross‑Platform Mobile Apps

This article examines the challenges of cross‑platform mobile development, compares WebView and React Native with Flutter, explains Flutter’s layered architecture, JIT/AOT compilation, hot‑reload, integration strategies for iOS and Android, performance measurements, and practical lessons from Mafengwo’s merchant app implementation.

FlutterHybrid Integrationarchitecture
0 likes · 20 min read
Why Flutter Beats WebView and React Native for Cross‑Platform Mobile Apps
NetEase Media Technology Team
NetEase Media Technology Team
Mar 11, 2019 · Mobile Development

How NetEase News Integrated Flutter: A Step-by-Step Hybrid Mobile Development Guide

This article details NetEase News' practical experience of gradually integrating Flutter as a module into an existing Android/iOS codebase, covering architecture, integration methods, build modes, project management, native‑Dart communication, routing strategies, debugging, encountered issues, and stability measures.

AndroidDARTFlutter
0 likes · 13 min read
How NetEase News Integrated Flutter: A Step-by-Step Hybrid Mobile Development Guide
Xianyu Technology
Xianyu Technology
Mar 7, 2019 · Mobile Development

FlutterBoost: A Hybrid Integration Framework for Mobile Apps

FlutterBoost is a hybrid integration framework that lets large mobile apps progressively embed Flutter using a shared engine and native containers, providing unified page lifecycle, channel‑based messaging, multi‑navigator support, and production‑ready performance, now open‑source after successful deployment in Alibaba’s Xianyu client.

FlutterFlutterBoostHybrid App
0 likes · 14 min read
FlutterBoost: A Hybrid Integration Framework for Mobile Apps
Alibaba Cloud Developer
Alibaba Cloud Developer
Mar 6, 2019 · Mobile Development

Why Fish Redux Is the Next Big Thing for Flutter Mobile Development

This article introduces Fish Redux, an open‑source Flutter framework from Alibaba that combines Redux‑style state management with a modular component architecture, explains its layered design, performance benefits, and how it simplifies building complex cross‑platform mobile apps.

Component ArchitectureFish ReduxFlutter
0 likes · 11 min read
Why Fish Redux Is the Next Big Thing for Flutter Mobile Development
Xianyu Technology
Xianyu Technology
Feb 21, 2019 · Artificial Intelligence

UI2CODE: AI‑Powered Automatic UI‑to‑Flutter Code Generation

UI2CODE, an AI‑powered tool from Xianyu’s tech team, automatically transforms UI screenshots into editable Flutter code by extracting visual elements with machine‑vision, classifying them via deep‑learning, generating a domain‑specific language through a recursive neural network, and mapping this DSL onto syntax‑tree templates to achieve pixel‑level precision, full accuracy, and maintainable output.

Code GenerationFluttermachine vision
0 likes · 8 min read
UI2CODE: AI‑Powered Automatic UI‑to‑Flutter Code Generation
Xianyu Technology
Xianyu Technology
Feb 20, 2019 · Mobile Development

Performance Automation Practices for Xianyu Android Client

To meet Xianyu’s rapid‑release targets, the team built a CI‑integrated automation suite that gathers Flutter FPS, CPU, memory and network data via extended Android tools, drives mixed Flutter/Native UI tests with Appium and integration‑test, and generates lane‑by‑lane performance reports that quickly flag regressions across dozens of feature branches.

FlutterPerformance Testingci/cd
0 likes · 11 min read
Performance Automation Practices for Xianyu Android Client
Xianyu Technology
Xianyu Technology
Feb 15, 2019 · Mobile Development

Flutter UI Gesture Recording and Replay Technique

The article presents a full system for capturing and replaying Flutter UI gestures, detailing how raw pointer data is processed, how gesture recognizers compete, how recordings wrap callbacks and generate synthetic touch packets, and how a timer‑driven replay reproduces user interactions for debugging.

FlutterTouchEventgesture
0 likes · 13 min read
Flutter UI Gesture Recording and Replay Technique
Xianyu Technology
Xianyu Technology
Jan 29, 2019 · Mobile Development

Object Serialization in Flutter: A Practical Approach

The article examines Flutter’s limited built-in JSON handling, explains why the popular json_serializable package can fall short for complex, generic objects, and introduces fish-serializable—a custom library with a ValueHolder, FishSerializable interface, JsonSerializer, and IntelliJ plugin—already used in production at Alibaba’s Xianyu and soon to be open-sourced.

DARTFlutterJSON
0 likes · 8 min read
Object Serialization in Flutter: A Practical Approach
HomeTech
HomeTech
Jan 24, 2019 · Mobile Development

Cross‑Platform Mobile Development with Flutter: Evolution, Practices, and Challenges

This article examines the drawbacks of maintaining separate native codebases for iOS and Android, reviews the evolution of cross‑platform solutions such as WebView‑based frameworks, React Native, and Flutter, and shares practical insights, code examples, and future plans for using Flutter in large‑scale mobile projects.

DARTFlutterJSON
0 likes · 22 min read
Cross‑Platform Mobile Development with Flutter: Evolution, Practices, and Challenges
Xianyu Technology
Xianyu Technology
Jan 16, 2019 · Mobile Development

Fish Redux: A Modular Flutter Application Framework for Large‑Scale Projects

Fish Redux is a lightweight, configuration‑driven Flutter framework that extends Redux principles with a three‑layer View‑Effect‑Reducer architecture, automatic reducer composition, component‑level state decomposition, and high‑performance adapters, enabling centralized, observable data management, easier maintenance, team collaboration, and scalability for medium‑to‑large applications.

Component DesignFish ReduxFlutter
0 likes · 10 min read
Fish Redux: A Modular Flutter Application Framework for Large‑Scale Projects
Xianyu Technology
Xianyu Technology
Jan 2, 2019 · Artificial Intelligence

Xianyu's Flutter and AI-Powered UI-to-Code Innovation: Technical Deep Dive

Xianyu’s 2018 technical breakthroughs combine Flutter/Dart for tri‑platform development, a TensorFlow‑driven UI2Code system that converts screenshots into runnable Flutter code, and the SWAK framework that isolates business logic from middleware, boosting productivity, simplifying legacy code, and showcasing playful engineering anecdotes.

Cross‑platform developmentFlutterSWAK
0 likes · 6 min read
Xianyu's Flutter and AI-Powered UI-to-Code Innovation: Technical Deep Dive
Xianyu Technology
Xianyu Technology
Dec 25, 2018 · Mobile Development

Understanding Flutter Exceptions and Lifecycle Management

The Xianyu tech team’s 2018 Flutter migration cut exception rates from several per‑thousand to under one by targeting two main stack‑trace groups—setState‑related and BuildContext‑related errors—while emphasizing proper lifecycle checks such as verifying mounted before setState and using the correct widget context.

BuildContextExceptionFlutter
0 likes · 6 min read
Understanding Flutter Exceptions and Lifecycle Management
JD Retail Technology
JD Retail Technology
Dec 24, 2018 · Mobile Development

JDFlutter: JD's Cross-Platform Mobile Development Framework Based on Flutter

This article introduces JDFlutter, JD's cross-platform mobile development framework built on Flutter, detailing its architecture, integration with existing Android/iOS projects, debugging capabilities, data statistics, exception monitoring, degradation mechanisms, and future outlook as part of JD's dual-engine ARES platform.

Data StatisticsDebuggingFlutter
0 likes · 11 min read
JDFlutter: JD's Cross-Platform Mobile Development Framework Based on Flutter
Xianyu Technology
Xianyu Technology
Dec 14, 2018 · Mobile Development

How to Build a Lightweight Flutter Router with Dart Annotations

This article explains how to replace cumbersome if‑else or manual map‑based routing in Flutter with a lightweight, annotation‑driven solution that automatically generates a page‑to‑URL mapping at compile time, using Dart's source_gen, build, and analyser packages.

Code GenerationDARTFlutter
0 likes · 10 min read
How to Build a Lightweight Flutter Router with Dart Annotations
iQIYI Technical Product Team
iQIYI Technical Product Team
Dec 7, 2018 · Mobile Development

Flutter Integration for iQIYI Live Broadcast Assistant (Android & iOS)

The iQIYI Live Broadcast Assistant adopts Flutter to replace native UI layers on Android and iOS, integrating via Flutter fragments or views and AAR packages on Android and through Podfile, Xcode scripts, and FlutterViewController on iOS, achieving near‑native performance and enabling future migration of more screens to a single codebase.

AndroidFlutterIntegration
0 likes · 9 min read
Flutter Integration for iQIYI Live Broadcast Assistant (Android & iOS)
Xianyu Technology
Xianyu Technology
Dec 6, 2018 · Mobile Development

Rebuilding Flutter Infrastructure at Xianyu: Challenges and Solutions

Xianyu tackled Flutter adoption by creating a private CocoaPods CI pipeline, a component‑based fishRedux architecture, and a shared‑GL engine modification that let native middleware run in Flutter, thereby unifying Android, iOS, and Flutter development, improving build speed, and contributing tools back to the community.

Component ArchitectureDARTFlutter
0 likes · 11 min read
Rebuilding Flutter Infrastructure at Xianyu: Challenges and Solutions
Xianyu Technology
Xianyu Technology
Dec 4, 2018 · Mobile Development

Flutter Dynamic Rendering Engine: Architecture and Implementation

This article describes a component‑based dynamic rendering framework for Flutter that parses Dart source via the analyzer’s AST, maps widgets to a DataModel, supports atomic to dynamic components, delivers over 50 fps performance, and includes template versioning, download, rollback, with plans for automation, i18n, and personalized content.

AST ParsingFlutterMobile Development
0 likes · 8 min read
Flutter Dynamic Rendering Engine: Architecture and Implementation
UC Tech Team
UC Tech Team
Dec 3, 2018 · Mobile Development

A Complete Flutterverse Guide: How to Start Learning Flutter

This article provides a step‑by‑step tutorial for beginners who want to learn Flutter, covering prerequisites, a quick Dart introduction, installing and running a Hello World app, experimenting with core widgets, UI challenges, personal tips, and a curated list of further learning resources.

DARTFlutterLearning Resources
0 likes · 8 min read
A Complete Flutterverse Guide: How to Start Learning Flutter
Xianyu Technology
Xianyu Technology
Nov 21, 2018 · Mobile Development

How Flutter Supercharges Cross‑Platform Apps: Xianyu’s Real‑World Insights

At the inaugural Android Green Alliance Conference in Beijing, Xianyu engineer Ji Feng presented a deep‑dive on using Flutter to build efficient cross‑platform applications, covering its unified programming model, performance gains, solutions to memory, font, caching, ArmV7, video, CI, hybrid stack challenges, and introducing a novel Redux‑based Half‑Dumb Component architecture.

FlutterHybrid StackMobile Development
0 likes · 5 min read
How Flutter Supercharges Cross‑Platform Apps: Xianyu’s Real‑World Insights
JD Tech
JD Tech
Nov 15, 2018 · Mobile Development

Introducing JDFlutter: A New Cross‑Platform Development Framework for JD.com

JDFlutter is JD.com’s next‑generation cross‑platform framework that integrates Flutter into existing Android/iOS projects, offering a rich UI component library, native API bridges, debugging tools, data statistics, and a roadmap for future multi‑engine development alongside JDReact.

DebuggingFlutterIntegration
0 likes · 12 min read
Introducing JDFlutter: A New Cross‑Platform Development Framework for JD.com
Xianyu Technology
Xianyu Technology
Nov 15, 2018 · Mobile Development

Embedding Native Views in Flutter with AndroidView

The article explains how to embed native Android views in Flutter using AndroidView, detailing the three-step setup, size and touch‑event handling, and a Gaode map example, while warning of performance costs and recommending native embedding only when a pure Flutter alternative is unavailable.

AndroidViewFlutterMobile Development
0 likes · 11 min read
Embedding Native Views in Flutter with AndroidView
Manbang Technology Team
Manbang Technology Team
Oct 30, 2018 · Mobile Development

Introduction to Flutter: Overview, Advantages, Framework Structure, and Development Environment Setup

This article introduces Flutter as a Google‑created cross‑platform app framework, explains why developers choose it for rapid development, beautiful UI, high performance, native integration and single‑codebase deployment, outlines its widget hierarchy and layout system, and provides step‑by‑step Windows environment setup instructions.

FlutterUI componentscross-platform
0 likes · 8 min read
Introduction to Flutter: Overview, Advantages, Framework Structure, and Development Environment Setup
Xianyu Technology
Xianyu Technology
Oct 26, 2018 · Mobile Development

Flutter App Size Optimization Strategies for iOS

The Xianyu team tackled iOS Flutter app bloat by analyzing App.framework, cutting excessive type‑casting, applying dwarf‑stack‑trace and obfuscation flags, stripping dSYM symbols, and removing duplicate assets, which together shrank the generated framework by over 30 % and improved download efficiency.

App SizeDARTFlutter
0 likes · 9 min read
Flutter App Size Optimization Strategies for iOS
Xianyu Technology
Xianyu Technology
Oct 22, 2018 · Mobile Development

Flutter & Dart Three‑Platform Integrated Development: Insights from Alibaba Xianyu

At QCon2018 Shanghai, Alibaba’s Xianyu team unveiled a three‑platform development model that uses Flutter for UI and Dart for both client and a lightweight “glue‑layer” server, cutting product‑page implementation time from eight months to 1.5 months while delivering near‑native performance and Java‑comparable backend metrics, and promising unified language, faster iteration, and future AI‑driven UI generation.

Cross‑Platform DevelopmentDARTFlutter
0 likes · 7 min read
Flutter & Dart Three‑Platform Integrated Development: Insights from Alibaba Xianyu
Xianyu Technology
Xianyu Technology
Oct 18, 2018 · Mobile Development

Understanding Flutter Hot Reload: Mechanism and Implementation

Flutter’s sub‑second hot‑reload works by scanning changed Dart files, generating incremental kernel (.dill) files, sending them to the running Dart VM via RPC, triggering the VM’s reload routine, and finally invoking the framework’s reassemble sequence to rebuild the widget tree, all enabled by JIT compilation during development.

DARTFlutterMobile Development
0 likes · 10 min read
Understanding Flutter Hot Reload: Mechanism and Implementation
Xianyu Technology
Xianyu Technology
Oct 11, 2018 · Mobile Development

Flutter Memory Optimization Techniques

The article explains how excessive memory use in a Flutter app, caused by ImageCache and related image handling, was diagnosed with Xcode Instruments and Dart Observatory, then mitigated through refined caching policies, adaptive screenshot resolution, improved FlutterViewController lifecycle management, and targeted garbage‑collection techniques, resulting in lower memory peaks and greater stability.

DARTFlutterMemory Optimization
0 likes · 17 min read
Flutter Memory Optimization Techniques
Xianyu Technology
Xianyu Technology
Sep 22, 2018 · Mobile Development

Insights from Google Developer Day 2018: Flutter Performance, Hybrid Hot Reload, and Ecosystem Trends

At Google Developer Day 2018 in Shanghai, the Xianyu team highlighted Flutter’s upcoming 1.0 release, hybrid hot‑reload challenges, native view embedding via platform_views.dart, and performance optimizations such as lighter layout calculations and Skia tweaks, noting rapid adoption by major Chinese firms and plans to open‑source their tools.

FlutterGoogle Developer DayHybrid Development
0 likes · 7 min read
Insights from Google Developer Day 2018: Flutter Performance, Hybrid Hot Reload, and Ecosystem Trends
Xianyu Technology
Xianyu Technology
Sep 10, 2018 · Mobile Development

Performance Comparison of Flutter vs React Native on iOS and Android

The Xianyu team rewrote a product detail page in Flutter, benchmarked it against native and React Native implementations on iPhone 5c, iPhone 6s, Xiaomi 2s and Samsung S8, and found Flutter consistently matched or outperformed native on iOS and surpassed React Native on both platforms in FPS, CPU usage and memory stability, earning it a gold‑medal rating.

FlutterMobile DevelopmentReact Native
0 likes · 8 min read
Performance Comparison of Flutter vs React Native on iOS and Android
Xianyu Technology
Xianyu Technology
Sep 3, 2018 · Mobile Development

Flutter Basics: Widgets, Layout, and Lifecycle for Beginners

Flutter, a cross‑platform framework built on immutable, declarative widgets, lets beginners create UI using basic widgets like Text and Image, layout containers such as Row, Column, Stack, and Flex, manage visibility, and handle state through StatefulWidget lifecycle methods while observing app‑level lifecycle events.

DARTFlutterMobile Development
0 likes · 17 min read
Flutter Basics: Widgets, Layout, and Lifecycle for Beginners
Xianyu Technology
Xianyu Technology
Aug 28, 2018 · Mobile Development

Understanding Flutter Platform Channel Working Principles

The article explains Flutter’s platform channels—BasicMessageChannel, MethodChannel, and EventChannel—detailing their components (name, messenger, codec), how messages are encoded, decoded, and routed via BinaryMessenger, the various codecs and handlers, and considerations for thread safety, large data transfer, and practical usage.

FlutterMobile DevelopmentPlatform Channel
0 likes · 14 min read
Understanding Flutter Platform Channel Working Principles
Xianyu Technology
Xianyu Technology
Aug 21, 2018 · Mobile Development

Flutter External Texture Rendering and Optimization

Flutter reduces CPU/GPU overhead in multi‑video calls by separating drawing from presentation, using a unified LayerTree and external textures that share OpenGL contexts between Flutter and native code, allowing direct Skia rendering of native pixel buffers on iOS and Android with significantly lower latency and memory use.

External TextureFlutterOpenGL
0 likes · 13 min read
Flutter External Texture Rendering and Optimization
Xianyu Technology
Xianyu Technology
Aug 17, 2018 · Mobile Development

Hybrid Stack Management in Flutter

The article explains how to manage a hybrid Flutter‑Native stack by using a single shared Flutter engine instance linked to native view controllers, unified openUrl routing, native‑driven page transitions, resource‑efficient reuse of native components, and detailed guidance on creating and publishing Flutter plugins and packages.

FlutterFlutter ArchitectureFlutter Best Practices
0 likes · 11 min read
Hybrid Stack Management in Flutter
Ctrip Technology
Ctrip Technology
Aug 15, 2018 · Mobile Development

Understanding Flutter Architecture, UI Rendering, and Development Practices

This article explains Flutter's layered architecture, its high‑performance UI rendering pipeline, Dart language optimizations, typical development patterns, plugin and package management, common pitfalls such as lack of reflection and JSON handling, and provides practical code examples for mobile developers.

DARTFluttercross-platform
0 likes · 12 min read
Understanding Flutter Architecture, UI Rendering, and Development Practices
Meituan Technology Team
Meituan Technology Team
Aug 9, 2018 · Mobile Development

Flutter: Architecture, Hot Reload, Plugins, Build Process, Performance and Integration

Flutter, Google’s open‑source cross‑platform UI framework built on Dart and Skia, provides native‑level performance through a layered widget‑rendering architecture, supports rapid development via hot‑reload (with known limits), offers extensive plugins, can be integrated into Android apps as an AAR, and delivers comparable frame‑rate performance to native code with a modest APK size increase.

DARTFluttercross-platform
0 likes · 41 min read
Flutter: Architecture, Hot Reload, Plugins, Build Process, Performance and Integration
Xianyu Technology
Xianyu Technology
Aug 6, 2018 · Mobile Development

Flutter Integration in Mixed Native Projects: Architecture, Build Optimization, and Debugging

The article details how to reconstruct Xianyu’s product detail page using Flutter within existing native iOS/Android apps, covering project structure, environment management, build optimizations for Android and iOS, native‑launch debugging with hot‑reload, and CI integration for reliable hybrid releases.

Build OptimizationFlutterHybrid Development
0 likes · 11 min read
Flutter Integration in Mixed Native Projects: Architecture, Build Optimization, and Debugging
Xianyu Technology
Xianyu Technology
Jul 25, 2018 · Mobile Development

Extracting Flutter Dependencies for Native Projects in a Mixed Development Environment

The article explains how to extract Flutter engine, compiled Dart assets, and custom plugins from a mixed Flutter‑Native project, package them into an AAR (Android) and static libraries (iOS), publish them to an internal Maven repository, and let native code consume these artifacts via CI‑automated versioned dependencies, eliminating the need for a full Flutter SDK.

AARCIDependency Extraction
0 likes · 13 min read
Extracting Flutter Dependencies for Native Projects in a Mixed Development Environment
JD Tech
JD Tech
Jul 19, 2018 · Mobile Development

Deep Dive into Flutter's Image.network Source Code and Caching Mechanism

This article provides a comprehensive analysis of Flutter's Image widget, especially Image.network, detailing its constructors, underlying classes, state management, image loading, caching mechanisms, and source code flow, while illustrating how images are fetched, decoded, and rendered in Flutter applications.

DARTFlutterImage.network
0 likes · 13 min read
Deep Dive into Flutter's Image.network Source Code and Caching Mechanism
Alibaba Cloud Developer
Alibaba Cloud Developer
Jul 19, 2018 · Mobile Development

How Flutter’s Engine Thread Model Boosts Mobile Performance

This article explains Flutter’s cross‑platform engine architecture, detailing its four Task Runners, the Dart isolate model, platform‑specific implementations, custom thread configurations, and common pitfalls, helping developers understand and optimise performance for mobile apps.

Dart IsolateFlutterMobile Development
0 likes · 12 min read
How Flutter’s Engine Thread Model Boosts Mobile Performance
Xianyu Technology
Xianyu Technology
Jul 17, 2018 · Mobile Development

Exploring Reactive Programming in Flutter: Architecture and Implementation

The article explains how Flutter adopts a React‑style reactive architecture—using immutable widgets, InheritedWidget for communication, Dart Streams and a Redux‑like store with reducers and interrupters—to achieve clear model‑view separation, fine‑grained UI updates, componentized multi‑store widgets, and shares Xianyu’s practical implementation details and code examples.

DARTFlutterRedux
0 likes · 12 min read
Exploring Reactive Programming in Flutter: Architecture and Implementation
Xianyu Technology
Xianyu Technology
Jul 7, 2018 · Mobile Development

Integrating Flutter into Large Native Projects: A Practical Refactoring Strategy

Xianyu’s team refactored their large iOS and Android codebases by extracting Flutter binaries, plugins, and assets into a remote repository, enabling native projects to compile, build, and debug independently in both Standalone and Flutter modes while still supporting full Flutter features such as hot‑reload and Dart builds.

FlutterHybrid ArchitectureMobile Development
0 likes · 8 min read
Integrating Flutter into Large Native Projects: A Practical Refactoring Strategy
Qunar Tech Salon
Qunar Tech Salon
Jul 3, 2018 · Mobile Development

An Introduction to Flutter: Features, History, and Sample Code

This article provides a comprehensive overview of Flutter, Google's cross‑platform mobile UI toolkit, covering its purpose, development history, key advantages, sample Dart code for state management and platform channel usage, and resources for quickly getting started with Flutter development.

DARTFlutterMobile Development
0 likes · 9 min read
An Introduction to Flutter: Features, History, and Sample Code
Xianyu Technology
Xianyu Technology
Jun 29, 2018 · Mobile Development

Xianyu’s Experience with Flutter: Adoption, Challenges, and Benefits

Xianyu became the first Chinese app to adopt Flutter after its 2018 preview, choosing it for performance and a single codebase, and used it to solve hybrid integration, page‑stack, video and component issues while overcoming Armv7, font, ICU and memory challenges, achieving comparable or better performance, modest APK growth, and a stable production page, though dynamic updates remain limited, prompting continued collaboration with Google.

FlutterHybrid ArchitectureMobile Development
0 likes · 6 min read
Xianyu’s Experience with Flutter: Adoption, Challenges, and Benefits
Xianyu Technology
Xianyu Technology
Jun 23, 2018 · Mobile Development

Flutter Plugin Development: Platform Channels, MethodChannel, EventChannel, and Integration Guide

The article explains how to develop Flutter plugins using platform channels—MethodChannel for invoking native APIs and EventChannel for streaming events—detailing Android and iOS implementation steps, registration, dependency setup, common pitfalls, and advanced considerations such as JSON‑serializable data and texture handling.

EventChannelFlutterMethodChannel
0 likes · 11 min read
Flutter Plugin Development: Platform Channels, MethodChannel, EventChannel, and Integration Guide
Xianyu Technology
Xianyu Technology
Jun 9, 2018 · Mobile Development

Flutter Engine Thread Model and Dart Isolate Mechanism

The article explains Flutter’s engine thread model—four embedder‑provided task runners for platform, UI, GPU, and I/O—and how Dart isolates run single‑threaded with message‑based communication, highlighting performance benefits over JavaScript bridges, common threading pitfalls, and strategies for managing engine instances across multiple pages.

Dart IsolateFlutterGPU rendering
0 likes · 16 min read
Flutter Engine Thread Model and Dart Isolate Mechanism
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 6, 2018 · Mobile Development

Mastering Flutter: Rendering Pipeline and Widget Tree for High‑Performance Apps

This article from the Xianyu tech team explains Flutter’s architecture, covering the creation and management of the widget, element, and render object trees, the three‑stage rendering pipeline (build, layout, paint), performance‑optimizing techniques, state lifecycle, data flow, and practical tips for building efficient cross‑platform mobile applications.

FlutterMobile DevelopmentRendering Pipeline
0 likes · 15 min read
Mastering Flutter: Rendering Pipeline and Widget Tree for High‑Performance Apps
21CTO
21CTO
Jun 3, 2018 · Backend Development

Top Open-Source Tools Every IoT Developer Should Know

This article highlights essential open-source platforms—Arduino, Home Assistant, Node-RED, Zetta, and Flutter—that empower developers to build robust IoT applications across various verticals, offering ease of use, extensive community support, and versatile integration capabilities.

ArduinoFlutterHome Assistant
0 likes · 4 min read
Top Open-Source Tools Every IoT Developer Should Know
Xianyu Technology
Xianyu Technology
Jun 2, 2018 · Mobile Development

Flutter Architecture, Build Process, and Customization Guide

The guide explains Flutter’s three‑layer architecture (Framework, Engine, Embedder), Dart compilation modes, iOS and Android build pipelines, project layout, and how to customize or rebuild the Engine, manage engine versions, and extend the framework for future native integration.

CompilationEngineFlutter
0 likes · 17 min read
Flutter Architecture, Build Process, and Customization Guide
Alibaba Cloud Developer
Alibaba Cloud Developer
May 23, 2018 · Mobile Development

How Flutter Manages Memory: Dart Runtime, Image & FlutterView Insights

This article explores Flutter's memory management, detailing the Dart runtime's generational GC, comparing Image widget memory usage across Android versions, and evaluating the impact of reusing or not reusing FlutterView on Java and native memory consumption, with practical test results and optimization tips.

DARTFlutterMobile Development
0 likes · 10 min read
How Flutter Manages Memory: Dart Runtime, Image & FlutterView Insights
Qunar Tech Salon
Qunar Tech Salon
May 23, 2018 · Mobile Development

Recap of 2018 Qunar Technology Carnival – QClient Session Highlights

The 2018 Qunar Technology Carnival QClient session on May 19 concluded with thanks to judges, hosts, volunteers, and a series of technical talks covering Flutter, ReactNative performance monitoring, instant‑messaging cloud, anti‑crawling platform, YApi API management, Android custom builds, and QRMaps indoor mapping, followed by lively audience interaction and a group photo.

FlutterMobile DevelopmentQClient
0 likes · 6 min read
Recap of 2018 Qunar Technology Carnival – QClient Session Highlights
JD Retail Technology
JD Retail Technology
May 18, 2018 · Mobile Development

Comprehensive Overview of Flutter: Architecture, Features, Advantages, and Comparison with WebView, React Native, and Native Development

This article provides an in‑depth technical overview of Flutter, covering its Dart‑based architecture, layered widget system, event handling, animation, navigation, plugin ecosystem, performance and APK size comparisons with WebView‑based frameworks, React Native, and native Android/iOS development.

DARTFlutterMobile Development
0 likes · 14 min read
Comprehensive Overview of Flutter: Architecture, Features, Advantages, and Comparison with WebView, React Native, and Native Development
360 Tech Engineering
360 Tech Engineering
May 14, 2018 · Frontend Development

Weekly Tech Newsletter Summary – Highlights on Design Systems, Shaders, Observers, ResizeObserver, Async/Await, Code Literacy, Flutter Beta 3, and Drop‑Shadow

This weekly tech newsletter presents concise overviews of design systems, shader usage, modern browser observers, JavaScript ResizeObserver, advanced scrolling techniques, async/await pitfalls, font‑spider‑plus features, code literacy principles, Flutter Beta 3 updates, and creative applications of CSS drop‑shadow, offering valuable insights for developers.

FlutterWeb Performancedesign system
0 likes · 4 min read
Weekly Tech Newsletter Summary – Highlights on Design Systems, Shaders, Observers, ResizeObserver, Async/Await, Code Literacy, Flutter Beta 3, and Drop‑Shadow
21CTO
21CTO
Mar 24, 2018 · Mobile Development

What Drives Modern Android Architecture? From MVC to MVX and Router‑Based Decoupling

This article examines the evolution of Android architectural patterns—from MVC, MVP, and MVVM to Flutter‑derived frameworks and Android Architecture Components—explaining their layering, communication mechanisms, and how router‑based decoupling can achieve fully modular mobile applications.

AndroidDispatcherFlutter
0 likes · 11 min read
What Drives Modern Android Architecture? From MVC to MVX and Router‑Based Decoupling
Architecture Digest
Architecture Digest
Mar 24, 2018 · Mobile Development

Understanding Mobile Architecture Patterns: MVC, MVP, MVVM, Flutter, AAC and Communication Mechanisms

This article reviews Android mobile architecture patterns—including MVC, MVP, MVVM, Flutter-derived framework, and Android Architecture Components—explaining their evolution, layer separation, and communication mechanisms such as object holding, interface contracts, and router-based dispatch, while providing illustrative code examples.

AACFlutterMVC
0 likes · 10 min read
Understanding Mobile Architecture Patterns: MVC, MVP, MVVM, Flutter, AAC and Communication Mechanisms