0 views collected around this technical thread.
Lynx is an open‑source, high‑performance cross‑platform framework that lets developers write a single codebase to deliver native‑grade experiences on both mobile and web, offering a dual‑thread architecture, modern CSS support, and a flexible ecosystem that scales from TikTok to future IoT devices.
This article explains the end‑to‑end architecture, principles, and code implementation of the dynamic cross‑platform framework (Roma/Dynamic) on HarmonyOS, covering template loading, JS‑C++‑ArkTS instance creation, V‑Dom and Component tree construction, rendering pipeline, view updates, and performance optimizations.
This article provides a comprehensive overview of the dynamic cross‑platform (Roma) solution, detailing its JavaScript‑based architecture, integration with Android, iOS, HarmonyOS and Web, the SDK workflow, code examples, and the complete view creation, rendering, and update processes across multiple language environments.
This article analyzes four major performance problems of UI rendering on HarmonyOS—excessive view hierarchy, long communication pipelines, poor list rendering, and secondary layout—and presents a C‑based native component solution with code examples to improve cross‑platform UI performance.
QQ 9 achieves a “silky smooth” experience by cutting launch time 40% through lazy‑loaded libraries and main‑thread priority tweaks, boosting runtime fluidity with an NT Kernel that offloads logic, incremental diff refreshes and parallel layout, and adding the Hodor anti‑degradation system, delivering 35% smoother performance and 48% less lag.
iQIYI improves its Android app for low‑end phones by classifying devices, streamlining startup with task‑based scheduling and baseline profiles, reducing UI thread load through card layout hard‑coding, message queuing, effect degradation, and pre‑fetching data, while continuously monitoring performance to ensure faster, smoother user experiences.
The article walks through Android’s display pipeline—from an app’s frame rendering through SurfaceFlinger, the Hardware Composer, and final screen output—showing how each stage appears in systrace and giving readers a macro‑level view of the data flow in Android S’s graphics system.
This article explores the feasibility of using Rust for UI rendering on Android by analyzing the rust-windowing ecosystem, detailing both software and hardware rendering approaches, explaining the integration of winit and glutin for cross-platform window and OpenGL context management, and demonstrating JNI-based communication with Android Surface components.
Flutter renders UI through three interconnected trees—Widget, Element, and RenderObject—where Widgets describe configuration, Elements link Widgets to RenderObjects that perform layout and painting; state changes trigger rebuilds that efficiently update only affected RenderObjects, enabling native‑like performance via the Dart‑Skia pipeline.
The article presents the FoxPage Native platform developed by Trip.com to address homepage iteration challenges by using a JSON‑based DSL, Flexbox layout, and a modular architecture that enables high‑performance, dynamic, and multi‑device UI rendering with low development cost.
RND (React Node Desktop) is a lightweight cross‑platform desktop framework that merges a React‑based JavaScript layer, an embedded V8‑powered Node runtime, and a native UI engine (Lyra with Yoga layout), employing a dual‑thread model, shared V8 isolate, asynchronous bridge, modular resource handling with hot‑update, and integrated Chrome/VSCode/Electron debugging.
To meet Xianyu’s e‑commerce product‑detail needs, the team built a custom RichText solution in Flutter that uses a zero‑width‑space placeholder (SpaceSpan) with adjustable letter‑spacing and font‑size to reserve space, then positions any widget via a Stack, enabling inline images, emojis and custom components without altering Flutter’s core rendering, though further work is needed for automatic sizing, text selection and editor integration.
Lyra is a cross‑platform, GPU‑accelerated UI rendering engine for PC clients that replaces the legacy QuiLib by leveraging Skia’s 2D/3D backend, asynchronous multi‑threaded pipelines, and layered rendering to dramatically boost drawing performance, animation smoothness, and overall responsiveness.
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.