Skia | BestHub

JD Retail Technology

May 20, 2024 · Frontend Development

Cross‑Platform Self‑Rendering Engine: Design, Evolution, and Optimization with Skia and C++

This article documents the design, iterative evolution, and performance optimizations of a cross‑platform self‑rendering engine that started with QuickJS and Flutter, progressed through a C++‑based render tree, and now adopts a React Native‑style self‑draw approach using Skia, detailing architecture, code, and results.

C++React NativeRendering

0 likes · 26 min read

Cross‑Platform Self‑Rendering Engine: Design, Evolution, and Optimization with Skia and C++

OPPO Kernel Craftsman

Nov 27, 2023 · Mobile Development

Understanding Android HWUI, Skia, and OpenGL Rendering Pipeline

The article explains Android’s graphics pipeline by detailing how HWUI and Skia translate view operations into OpenGL ES commands, describing RenderThread stages such as synchronization, dirty‑region calculation, buffer handling, and drawing, and comparing mobile GPU architectures like TBR, TBDR, and IMR.

AndroidGPUHWUI

0 likes · 13 min read

Understanding Android HWUI, Skia, and OpenGL Rendering Pipeline

Sohu Tech Products

Sep 28, 2022 · Mobile Development

Understanding Android Image Compression: Fundamentals, Algorithms, and Luban Implementation

This article explains Android image compression fundamentals—including ARGB, bitmap memory, bit‑depth vs. colour‑depth, quality and sampling compression methods—then details the Luban algorithm, its shortcomings, proposed improvements, and the underlying Skia/Huffman/JPEG native implementation with code examples.

AndroidBitMapHuffman

0 likes · 27 min read

Understanding Android Image Compression: Fundamentals, Algorithms, and Luban Implementation

Coolpad Technology Team

Sep 15, 2022 · Mobile Development

Implementing View‑Level Background Blur on Android: Open‑Source Solutions and Custom Approaches

This article examines the challenges of achieving view‑level background blur on Android, compares four implementation strategies—including open‑source libraries and custom AOSP modifications—analyzes their performance, compatibility, and visual quality, and provides code examples and practical recommendations for developers.

AndroidOpen-sourceSkia

0 likes · 19 min read

Implementing View‑Level Background Blur on Android: Open‑Source Solutions and Custom Approaches

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.

DartFlutterRendering

0 likes · 10 min read

Flutter: Why Choose It, Overview, and Rendering Architecture

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

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.

DartFlutterSkia

0 likes · 12 min read

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

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.

AndroidFlutterOpenGL

0 likes · 13 min read

Flutter External Texture Rendering and Optimization