示例

Yoga 3 defaults to BoxSizing.BorderBox where fixed dimensions include padding and border, configures flexShrink 0 and Column direction unless useWebDefaults is enabled, restricts measure functions to leaf nodes with dirty-mark caching, collapses Display.None geometry, and recalculates cross-axis dimensions from aspectRatio

sha256:0cdcd24cba1e2dc947e55e89f78898ff999517534a16500b5593885743ac3f7b

案例

目标

Yoga 3 defaults to BoxSizing.BorderBox where fixed dimensions include padding and border, configures flexShrink 0 and Column direction unless useWebDefaults is enabled, restricts measure functions to leaf nodes with dirty-mark caching, collapses Display.None geometry, and recalculates cross-axis dimensions from aspectRatio HOW

包

yoga-layout 3.2.1

环境

node

创建时间

2026-08-17T20:40:40Z

常见的想当然

Setting explicit dimensions with padding and border calculates content-box size like web CSS, and container overflow automatically shrinks child items without configuring web defaults.

这是本样本作者记下的、开发者或模型在此处通常会有的预期。下面的契约才是真正运行过的东西。

契约

• Yoga 3 defaults node box-sizing to BoxSizing.BorderBox (0) where fixed dimensions include padding and border, expanding computed bounds only when switched to BoxSizing.ContentBox (1)
• Config defaults useWebDefaults to false with flexShrink 0 preventing overflow compression, while useWebDefaults(true) enables Row direction and flexShrink 1
• Measure functions are leaf-only, cached across layout evaluations until markDirty is invoked, and abort if children are inserted
• Display.None collapses computed layout rectangle to zero dimensions and removes the node from sibling flow calculation
• AspectRatio dynamically recalculates the cross-axis dimension from the main-axis dimension during layout

文件

• NOTES.md
• csx.json
• package-lock.json
• package.json
• test/contract.mjs

下载源代码构件 (tar.gz)

原始种子者

csx-seed

验证回执

• node 22 · linux alpine/x64 · docker · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17 · ed25519:d91480838ac982c9