Tag

Yoga

0 views collected around this technical thread.

JD Retail Technology
JD Retail Technology
Nov 8, 2024 · Frontend Development

How Taro Enables W3C‑Standard CSS to Run on HarmonyOS: Full CSS Processing Workflow

This article details how the Taro framework bridges the gap between W3C CSS and HarmonyOS's ArkUI by converting units, handling layout differences with Yoga, processing static and runtime styles, and managing style updates to achieve high‑performance cross‑platform applications.

ArkUICSSHarmonyOS
0 likes · 12 min read
How Taro Enables W3C‑Standard CSS to Run on HarmonyOS: Full CSS Processing Workflow
JD Tech Talk
JD Tech Talk
Nov 1, 2024 · Frontend Development

Bridging CSS Differences: How Taro Adapts Styles for HarmonyOS ArkUI

This article explains how Taro resolves the incompatibilities between standard CSS and HarmonyOS ArkUI CAPI styles by converting CSS at compile time, using a Rust‑based LightningCSS plugin, and employing the Yoga layout engine to achieve high‑performance, cross‑platform UI rendering.

ArkUICSSHarmonyOS
0 likes · 12 min read
Bridging CSS Differences: How Taro Adapts Styles for HarmonyOS ArkUI
JD Tech Talk
JD Tech Talk
Sep 18, 2024 · Frontend Development

Flex Layout and Dynamic UI Development in JD Finance App Using the Yoga Engine

This article introduces the use of Flex layout and the Yoga cross‑platform layout engine for dynamic UI development in the JD Finance app, covering container and item concepts, common Flex properties, list and absolute layouts, visibility control, and practical troubleshooting tips.

FlexboxYogafrontend
0 likes · 21 min read
Flex Layout and Dynamic UI Development in JD Finance App Using the Yoga Engine
Qunar Tech Salon
Qunar Tech Salon
Jun 4, 2019 · Mobile Development

Litho: Facebook’s Declarative Android UI Framework – Overview, Usage, and Principles

Litho is a Facebook‑originated declarative framework for building high‑performance Android UI, replacing XML layouts with component‑based code, leveraging Yoga for async layout, flattening view hierarchies, and offering fine‑grained reuse to dramatically improve RecyclerView scrolling speed and memory consumption.

AndroidDeclarative UIFlexbox
0 likes · 17 min read
Litho: Facebook’s Declarative Android UI Framework – Overview, Usage, and Principles
Tencent Music Tech Team
Tencent Music Tech Team
Mar 17, 2017 · Mobile Development

Introduction to Yoga Layout Engine, Flexbox Basics, and Android Integration

Yoga, Facebook’s cross‑platform C‑based Flexbox layout engine with Java, C#, and Objective‑C bindings, lets developers define UI hierarchies using Flexbox properties, compile it via Buck or import a Gradle module, calculate node positions in Android, and manually apply them to Views, offering cross‑platform consistency but requiring extra integration effort.

AndroidBuckFlexbox
0 likes · 17 min read
Introduction to Yoga Layout Engine, Flexbox Basics, and Android Integration