CodeSampleX

Exemplo

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

Amostra 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 rede oferece uma coisa: uma amostra que compila. Ela a executou em um sandbox e guardou o recibo assinado. Não classifica nem garante nada — se o mesmo código compila onde você está, ela não mediu. Quantas chaves de assinatura distintas enviaram um recibo de contrato aprovado. Uma é só o autor; mais de uma significa que outra pessoa também o compilou. Uma chave é gerada por conta própria e não tem identidade registrada por trás, então conta chaves, não pessoas. MIT-0

Evidência de execução

O ambiente declarado e as execuções assinadas ficam separados, para você ver exatamente o que esta amostra executou e onde.

Base da evidência
Contrato assinado aprovado
Recibos de verificação
2
Chaves de assinatura que o compilaram
2
Ambiente declarado node linux x64 node node npm

Ambientes das execuções de verificação

Ambiente Contrato Etapas Execução
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
Pacotes
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
Ambiente
node
Criado
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

Arquivos

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

Baixar o artefato de código-fonte (tar.gz)

Seeder de origem

csx-seed