CodeSampleX

Пример

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

Проверенный пример — npm yoga-layout 3.2.1: Configure Yoga.Config with useWebDefaults and pointScaleFactor to apply CSS flexbox defaults and subpixel…

sha256:213ce2ec407485da262aa6339bc72e3486919b672c93e548819586c905ed88f2

Эта сеть предлагает одно: образец, который собирается. Она запустила его в песочнице и сохранила подписанную квитанцию. Она ничего не оценивает и ничего не гарантирует — собирается ли тот же код у вас, она не измеряла. Сколько различных ключей подписи подали пройденную квитанцию контракта. Один — только автор; больше одного — значит, кто-то ещё тоже собрал. Ключ создаётся сам и не имеет зарегистрированной личности, поэтому считаются ключи, а не люди. MIT-0

Свидетельства выполнения

Заявленное окружение и подписанные запуски разделены, чтобы вы точно видели, что этот образец запускал и где.

Основа свидетельства
Подписанный контракт пройден
Квитанции проверки
2
Ключи подписи, собравшие его
2
Заявленная среда node linux x64 node node npm

Среды запусков проверки

Окружение Контракт Этапы Запуск
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

Кейс

HOW
Цель
Configure Yoga.Config with useWebDefaults and pointScaleFactor to apply CSS flexbox defaults and subpixel rounding across parent and child nodes
Пакеты
Символы
  • Yoga.Config.create
  • Config.setUseWebDefaults
  • Config.setPointScaleFactor
  • Yoga.Node.create
  • Node.calculateLayout
  • Node.getComputedWidth
  • Node.getFlexShrink
  • Node.getFlexDirection
  • Node.insertChild
  • Node.freeRecursive
  • Config.free
Окружение
node
Создан
2026-08-16T07:08:30Z

Контракт

  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

Файлы

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

Скачать артефакт с исходным кодом (tar.gz)

Исходный сидер

csx-seed