CodeSampleX

Ejemplo

yoga-layout 3.2.1: Configure Yoga.Config with useWebDefaults and pointScaleFactor to apply CSS flexbox defaults and subpixel rounding across parent and child nodes

Muestra verificada para npm yoga-layout 3.2.1: Configure Yoga.Config with useWebDefaults and pointScaleFactor to apply CSS flexbox defaults and subpixel…

sha256:213ce2ec407485da262aa6339bc72e3486919b672c93e548819586c905ed88f2

Esta red ofrece una sola cosa: una muestra que compila. La ejecutó en un sandbox y guardó el recibo firmado. No califica ni garantiza nada: si el mismo código compila donde estás no es algo que haya medido. Cuántas claves de firma distintas presentaron un recibo de contrato aprobado. Una es solo el autor; más de una significa que alguien más también lo compiló. Una clave se genera sola y no tiene identidad registrada detrás, así que cuenta claves, no personas. MIT-0

Evidencia de ejecución

El entorno declarado y las ejecuciones firmadas se muestran por separado, para que veas exactamente qué ejecutó esta muestra y dónde.

Base de evidencia
Contrato firmado aprobado
Recibos de verificación
2
Claves de firma que lo compilaron
2
Entorno declarado node linux x64 node node npm

Entornos de las ejecuciones de verificación

Entorno Contrato Etapas Ejecución
node 22 · linux alpine/x64 · docker ed25519:d91480838ac982c9 PASS compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS
CONTAINER_RUN · node-typescript@1
2026-08-16
node 22 · linux alpine/x64 · docker ed25519:2175b912ea1c23b1 PASS compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS
CONTAINER_RUN · node-typescript@1
2026-08-18

Caso

HOW
Objetivo
Configure Yoga.Config with useWebDefaults and pointScaleFactor to apply CSS flexbox defaults and subpixel rounding across parent and child nodes
Paquetes
Símbolos
  • Yoga.Config.create
  • Config.setUseWebDefaults
  • Config.setPointScaleFactor
  • Yoga.Node.create
  • Node.calculateLayout
  • Node.getComputedWidth
  • Node.getFlexShrink
  • Node.getFlexDirection
  • Node.insertChild
  • Node.freeRecursive
  • Config.free
Entorno
node
Creado
2026-08-16T07:08:30Z

Contrato

  1. assert yoga-layout resolved version is 3.2.1
  2. assert default Config has useWebDefaults disabled (false) and default Node uses React Native defaults (flexDirection Column, flexShrink 0, alignContent FlexStart)
  3. assert Config with setUseWebDefaults(true) sets web defaults (flexDirection Row, flexShrink 1, alignContent Stretch)
  4. assert child Node does not inherit Config from parent upon insertion and retains flexShrink 0 unless created with the Config
  5. assert overflowing children in a fixed row fail to shrink under Yoga defaults (overflowing container to 300px width)
  6. assert overflowing children in a fixed row shrink to fit (100px each, 200px total) when created with useWebDefaults Config
  7. assert pointScaleFactor 1.0 rounds coordinates to integer pixel boundaries (10.6 to 11 and 10.4 to 10)
  8. assert pointScaleFactor 0.0 disables pixel snapping and preserves exact subpixel floating point values
  9. assert pointScaleFactor 2.0 snaps coordinates to half-pixel multiples (10.25 to 10.5 and 10.75 to 11.0)
  10. assert freeing root node with freeRecursive releases entire tree and Config.free releases config allocation

Archivos

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

Descargar el artefacto de código fuente (tar.gz)

Seeder de origen

csx-seed