facebook/yoga
Yoga
Yoga is an embeddable UI layout library and engine that implements the flexible box model used in web standards. It functions as a cross-platform tool for computing user interface geometry, calculating element sizes and positions without relying on a specific operating system's rendering.
The engine provides a portable C++ core to ensure identical layout calculations across Android, iOS, and the web. It utilizes an abstract node interface to separate the layout logic from the host UI framework, allowing it to be integrated into native applications.
The system manages interface rendering through a recursive tree traversal and a two-pass resolution process. It uses dirty-flag change tracking to update specific nodes and resolve final screen coordinates based on flexible box standards.
Features
- Flexbox Layout Engines - Implements a high-performance flexible box layout engine for calculating element dimensions and positions.
- Cross Platform Layout Libraries - Provides a layout library that brings flexbox capabilities to non-web environments like native mobile apps.
- Cross-Platform Architectures - Uses a portable C++ core to ensure identical layout calculations across Android, iOS, and Web.
- Responsive Layout Engines - Offers an embeddable engine for calculating responsive widget positions on native or constrained hardware.
- Layout & Positioning - Provides tools for defining the spatial arrangement and dimensions of visual elements based on flexbox standards.
- Layout Engines - Implements the low-level geometry calculation engine based on web-standard flexible box rules.
- Recursive Tree Traversal Algorithms - Uses recursive tree traversal to resolve constraints and calculate final screen coordinates.
- Dirty Flagging Systems - Employs dirty-flag change tracking to avoid recalculating the entire layout tree when only one element changes.
- Multi-Pass Layout Resolution - Calculates initial intrinsic sizes in a bottom-up pass and final positions in a top-down pass.
- Interface Consistency Utilities - Ensures UI elements maintain consistent sizes and positions across different hardware and platforms.
- Virtual Node Trees - Implements a virtual tree of nodes to decouple layout logic from native UI frameworks.
- Layout Frameworks - Core layout engine implementing the Flexbox specification.
- Networking and Utilities - Cross-platform flexbox layout engine.
