DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity
Files
5393118fbfed163f34dedc572ca7141b34a07a1b
yoga/yoga/algorithm/CalculateLayout.cpp
Joe Vilches 5478812db3 Use crossAxisOwnerSize instead of ownerHeight in cross axis bound call (#1763) 
Summary:
Pull Request resolved: https://github.com/facebook/yoga/pull/1763

X-link: https://github.com/facebook/react-native/pull/48080

Small bug that I noticed while doing intrinsic sizing. We have the ownerHeight as the axis size despite bounding the length of the cross axis. This should therefore be the crossAxisOwnerSize, which might be the width in some cases

Changelog: [Internal]

Reviewed By: NickGerleman

Differential Revision: D66736539

fbshipit-source-id: 528fc438b3327cd6f7890ea0ba408e4ce7b0f02c
2024-12-06 15:34:06 -08:00

2429 lines
88 KiB
C++
Raw Blame History

/*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
#include <algorithm>
#include <atomic>
#include <cfloat>
#include <cmath>
#include <cstring>
#include <yoga/Yoga.h>
#include <yoga/algorithm/AbsoluteLayout.h>
#include <yoga/algorithm/Align.h>
#include <yoga/algorithm/Baseline.h>
#include <yoga/algorithm/BoundAxis.h>
#include <yoga/algorithm/Cache.h>
#include <yoga/algorithm/CalculateLayout.h>
#include <yoga/algorithm/FlexDirection.h>
#include <yoga/algorithm/FlexLine.h>
#include <yoga/algorithm/PixelGrid.h>
#include <yoga/algorithm/SizingMode.h>
#include <yoga/algorithm/TrailingPosition.h>
#include <yoga/debug/AssertFatal.h>
#include <yoga/debug/Log.h>
#include <yoga/event/event.h>
#include <yoga/node/Node.h>
#include <yoga/numeric/Comparison.h>
#include <yoga/numeric/FloatOptional.h>
namespace facebook::yoga {
std::atomic<uint32_t> gCurrentGenerationCount(0);
static void constrainMaxSizeForMode(
const yoga::Node* node,
Direction direction,
FlexDirection axis,
float ownerAxisSize,
float ownerWidth,
/*in_out*/ SizingMode* mode,
/*in_out*/ float* size) {
const FloatOptional maxSize =
node->style().resolvedMaxDimension(
direction, dimension(axis), ownerAxisSize, ownerWidth) +
FloatOptional(node->style().computeMarginForAxis(axis, ownerWidth));
switch (*mode) {
case SizingMode::StretchFit:
case SizingMode::FitContent:
*size = (maxSize.isUndefined() || *size < maxSize.unwrap())
? *size
: maxSize.unwrap();
break;
case SizingMode::MaxContent:
if (maxSize.isDefined()) {
*mode = SizingMode::FitContent;
*size = maxSize.unwrap();
}
break;
}
}
static void computeFlexBasisForChild(
const yoga::Node* const node,
yoga::Node* const child,
const float width,
const SizingMode widthMode,
const float height,
const float ownerWidth,
const float ownerHeight,
const SizingMode heightMode,
const Direction direction,
LayoutData& layoutMarkerData,
const uint32_t depth,
const uint32_t generationCount) {
const FlexDirection mainAxis =
resolveDirection(node->style().flexDirection(), direction);
const bool isMainAxisRow = isRow(mainAxis);
const float mainAxisSize = isMainAxisRow ? width : height;
const float mainAxisOwnerSize = isMainAxisRow ? ownerWidth : ownerHeight;
float childWidth = YGUndefined;
float childHeight = YGUndefined;
SizingMode childWidthSizingMode;
SizingMode childHeightSizingMode;
const FloatOptional resolvedFlexBasis = child->resolveFlexBasis(
direction, mainAxis, mainAxisOwnerSize, ownerWidth);
const bool isRowStyleDimDefined =
child->hasDefiniteLength(Dimension::Width, ownerWidth);
const bool isColumnStyleDimDefined =
child->hasDefiniteLength(Dimension::Height, ownerHeight);
if (resolvedFlexBasis.isDefined() && yoga::isDefined(mainAxisSize)) {
if (child->getLayout().computedFlexBasis.isUndefined() ||
(child->getConfig()->isExperimentalFeatureEnabled(
ExperimentalFeature::WebFlexBasis) &&
child->getLayout().computedFlexBasisGeneration != generationCount)) {
const FloatOptional paddingAndBorder = FloatOptional(
paddingAndBorderForAxis(child, mainAxis, direction, ownerWidth));
child->setLayoutComputedFlexBasis(
yoga::maxOrDefined(resolvedFlexBasis, paddingAndBorder));
}
} else if (isMainAxisRow && isRowStyleDimDefined) {
// The width is definite, so use that as the flex basis.
const FloatOptional paddingAndBorder =
FloatOptional(paddingAndBorderForAxis(
child, FlexDirection::Row, direction, ownerWidth));
child->setLayoutComputedFlexBasis(yoga::maxOrDefined(
child->getResolvedDimension(
direction, Dimension::Width, ownerWidth, ownerWidth),
paddingAndBorder));
} else if (!isMainAxisRow && isColumnStyleDimDefined) {
// The height is definite, so use that as the flex basis.
const FloatOptional paddingAndBorder =
FloatOptional(paddingAndBorderForAxis(
child, FlexDirection::Column, direction, ownerWidth));
child->setLayoutComputedFlexBasis(yoga::maxOrDefined(
child->getResolvedDimension(
direction, Dimension::Height, ownerHeight, ownerWidth),
paddingAndBorder));
} else {
// Compute the flex basis and hypothetical main size (i.e. the clamped flex
// basis).
childWidthSizingMode = SizingMode::MaxContent;
childHeightSizingMode = SizingMode::MaxContent;
auto marginRow =
child->style().computeMarginForAxis(FlexDirection::Row, ownerWidth);
auto marginColumn =
child->style().computeMarginForAxis(FlexDirection::Column, ownerWidth);
if (isRowStyleDimDefined) {
childWidth = child
->getResolvedDimension(
direction, Dimension::Width, ownerWidth, ownerWidth)
.unwrap() +
marginRow;
childWidthSizingMode = SizingMode::StretchFit;
}
if (isColumnStyleDimDefined) {
childHeight =
child
->getResolvedDimension(
direction, Dimension::Height, ownerHeight, ownerWidth)
.unwrap() +
marginColumn;
childHeightSizingMode = SizingMode::StretchFit;
}
// The W3C spec doesn't say anything about the 'overflow' property, but all
// major browsers appear to implement the following logic.
if ((!isMainAxisRow && node->style().overflow() == Overflow::Scroll) ||
node->style().overflow() != Overflow::Scroll) {
if (yoga::isUndefined(childWidth) && yoga::isDefined(width)) {
childWidth = width;
childWidthSizingMode = SizingMode::FitContent;
}
}
if ((isMainAxisRow && node->style().overflow() == Overflow::Scroll) ||
node->style().overflow() != Overflow::Scroll) {
if (yoga::isUndefined(childHeight) && yoga::isDefined(height)) {
childHeight = height;
childHeightSizingMode = SizingMode::FitContent;
}
}
const auto& childStyle = child->style();
if (childStyle.aspectRatio().isDefined()) {
if (!isMainAxisRow && childWidthSizingMode == SizingMode::StretchFit) {
childHeight = marginColumn +
(childWidth - marginRow) / childStyle.aspectRatio().unwrap();
childHeightSizingMode = SizingMode::StretchFit;
} else if (
isMainAxisRow && childHeightSizingMode == SizingMode::StretchFit) {
childWidth = marginRow +
(childHeight - marginColumn) * childStyle.aspectRatio().unwrap();
childWidthSizingMode = SizingMode::StretchFit;
}
}
// If child has no defined size in the cross axis and is set to stretch, set
// the cross axis to be measured exactly with the available inner width
const bool hasExactWidth =
yoga::isDefined(width) && widthMode == SizingMode::StretchFit;
const bool childWidthStretch =
resolveChildAlignment(node, child) == Align::Stretch &&
childWidthSizingMode != SizingMode::StretchFit;
if (!isMainAxisRow && !isRowStyleDimDefined && hasExactWidth &&
childWidthStretch) {
childWidth = width;
childWidthSizingMode = SizingMode::StretchFit;
if (childStyle.aspectRatio().isDefined()) {
childHeight =
(childWidth - marginRow) / childStyle.aspectRatio().unwrap();
childHeightSizingMode = SizingMode::StretchFit;
}
}
const bool hasExactHeight =
yoga::isDefined(height) && heightMode == SizingMode::StretchFit;
const bool childHeightStretch =
resolveChildAlignment(node, child) == Align::Stretch &&
childHeightSizingMode != SizingMode::StretchFit;
if (isMainAxisRow && !isColumnStyleDimDefined && hasExactHeight &&
childHeightStretch) {
childHeight = height;
childHeightSizingMode = SizingMode::StretchFit;
if (childStyle.aspectRatio().isDefined()) {
childWidth =
(childHeight - marginColumn) * childStyle.aspectRatio().unwrap();
childWidthSizingMode = SizingMode::StretchFit;
}
}
constrainMaxSizeForMode(
child,
direction,
FlexDirection::Row,
ownerWidth,
ownerWidth,
&childWidthSizingMode,
&childWidth);
constrainMaxSizeForMode(
child,
direction,
FlexDirection::Column,
ownerHeight,
ownerWidth,
&childHeightSizingMode,
&childHeight);
// Measure the child
calculateLayoutInternal(
child,
childWidth,
childHeight,
direction,
childWidthSizingMode,
childHeightSizingMode,
ownerWidth,
ownerHeight,
false,
LayoutPassReason::kMeasureChild,
layoutMarkerData,
depth,
generationCount);
child->setLayoutComputedFlexBasis(FloatOptional(yoga::maxOrDefined(
child->getLayout().measuredDimension(dimension(mainAxis)),
paddingAndBorderForAxis(child, mainAxis, direction, ownerWidth))));
}
child->setLayoutComputedFlexBasisGeneration(generationCount);
}
static void measureNodeWithMeasureFunc(
yoga::Node* const node,
const Direction direction,
float availableWidth,
float availableHeight,
const SizingMode widthSizingMode,
const SizingMode heightSizingMode,
const float ownerWidth,
const float ownerHeight,
LayoutData& layoutMarkerData,
const LayoutPassReason reason) {
yoga::assertFatalWithNode(
node,
node->hasMeasureFunc(),
"Expected node to have custom measure function");
if (widthSizingMode == SizingMode::MaxContent) {
availableWidth = YGUndefined;
}
if (heightSizingMode == SizingMode::MaxContent) {
availableHeight = YGUndefined;
}
const auto& layout = node->getLayout();
const float paddingAndBorderAxisRow = layout.padding(PhysicalEdge::Left) +
layout.padding(PhysicalEdge::Right) + layout.border(PhysicalEdge::Left) +
layout.border(PhysicalEdge::Right);
const float paddingAndBorderAxisColumn = layout.padding(PhysicalEdge::Top) +
layout.padding(PhysicalEdge::Bottom) + layout.border(PhysicalEdge::Top) +
layout.border(PhysicalEdge::Bottom);
// We want to make sure we don't call measure with negative size
const float innerWidth = yoga::isUndefined(availableWidth)
? availableWidth
: yoga::maxOrDefined(0.0f, availableWidth - paddingAndBorderAxisRow);
const float innerHeight = yoga::isUndefined(availableHeight)
? availableHeight
: yoga::maxOrDefined(0.0f, availableHeight - paddingAndBorderAxisColumn);
if (widthSizingMode == SizingMode::StretchFit &&
heightSizingMode == SizingMode::StretchFit) {
// Don't bother sizing the text if both dimensions are already defined.
node->setLayoutMeasuredDimension(
boundAxis(
node,
FlexDirection::Row,
direction,
availableWidth,
ownerWidth,
ownerWidth),
Dimension::Width);
node->setLayoutMeasuredDimension(
boundAxis(
node,
FlexDirection::Column,
direction,
availableHeight,
ownerHeight,
ownerWidth),
Dimension::Height);
} else {
Event::publish<Event::MeasureCallbackStart>(node);
// Measure the text under the current constraints.
const YGSize measuredSize = node->measure(
innerWidth,
measureMode(widthSizingMode),
innerHeight,
measureMode(heightSizingMode));
layoutMarkerData.measureCallbacks += 1;
layoutMarkerData.measureCallbackReasonsCount[static_cast<size_t>(reason)] +=
1;
Event::publish<Event::MeasureCallbackEnd>(
node,
{innerWidth,
unscopedEnum(measureMode(widthSizingMode)),
innerHeight,
unscopedEnum(measureMode(heightSizingMode)),
measuredSize.width,
measuredSize.height,
reason});
node->setLayoutMeasuredDimension(
boundAxis(
node,
FlexDirection::Row,
direction,
(widthSizingMode == SizingMode::MaxContent ||
widthSizingMode == SizingMode::FitContent)
? measuredSize.width + paddingAndBorderAxisRow
: availableWidth,
ownerWidth,
ownerWidth),
Dimension::Width);
node->setLayoutMeasuredDimension(
boundAxis(
node,
FlexDirection::Column,
direction,
(heightSizingMode == SizingMode::MaxContent ||
heightSizingMode == SizingMode::FitContent)
? measuredSize.height + paddingAndBorderAxisColumn
: availableHeight,
ownerHeight,
ownerWidth),
Dimension::Height);
}
}
// For nodes with no children, use the available values if they were provided,
// or the minimum size as indicated by the padding and border sizes.
static void measureNodeWithoutChildren(
yoga::Node* const node,
const Direction direction,
const float availableWidth,
const float availableHeight,
const SizingMode widthSizingMode,
const SizingMode heightSizingMode,
const float ownerWidth,
const float ownerHeight) {
const auto& layout = node->getLayout();
float width = availableWidth;
if (widthSizingMode == SizingMode::MaxContent ||
widthSizingMode == SizingMode::FitContent) {
width = layout.padding(PhysicalEdge::Left) +
layout.padding(PhysicalEdge::Right) +
layout.border(PhysicalEdge::Left) + layout.border(PhysicalEdge::Right);
}
node->setLayoutMeasuredDimension(
boundAxis(
node, FlexDirection::Row, direction, width, ownerWidth, ownerWidth),
Dimension::Width);
float height = availableHeight;
if (heightSizingMode == SizingMode::MaxContent ||
heightSizingMode == SizingMode::FitContent) {
height = layout.padding(PhysicalEdge::Top) +
layout.padding(PhysicalEdge::Bottom) +
layout.border(PhysicalEdge::Top) + layout.border(PhysicalEdge::Bottom);
}
node->setLayoutMeasuredDimension(
boundAxis(
node,
FlexDirection::Column,
direction,
height,
ownerHeight,
ownerWidth),
Dimension::Height);
}
static bool measureNodeWithFixedSize(
yoga::Node* const node,
const Direction direction,
const float availableWidth,
const float availableHeight,
const SizingMode widthSizingMode,
const SizingMode heightSizingMode,
const float ownerWidth,
const float ownerHeight) {
if ((yoga::isDefined(availableWidth) &&
widthSizingMode == SizingMode::FitContent && availableWidth <= 0.0f) ||
(yoga::isDefined(availableHeight) &&
heightSizingMode == SizingMode::FitContent && availableHeight <= 0.0f) ||
(widthSizingMode == SizingMode::StretchFit &&
heightSizingMode == SizingMode::StretchFit)) {
node->setLayoutMeasuredDimension(
boundAxis(
node,
FlexDirection::Row,
direction,
yoga::isUndefined(availableWidth) ||
(widthSizingMode == SizingMode::FitContent &&
availableWidth < 0.0f)
? 0.0f
: availableWidth,
ownerWidth,
ownerWidth),
Dimension::Width);
node->setLayoutMeasuredDimension(
boundAxis(
node,
FlexDirection::Column,
direction,
yoga::isUndefined(availableHeight) ||
(heightSizingMode == SizingMode::FitContent &&
availableHeight < 0.0f)
? 0.0f
: availableHeight,
ownerHeight,
ownerWidth),
Dimension::Height);
return true;
}
return false;
}
static void zeroOutLayoutRecursively(yoga::Node* const node) {
node->getLayout() = {};
node->setLayoutDimension(0, Dimension::Width);
node->setLayoutDimension(0, Dimension::Height);
node->setHasNewLayout(true);
node->cloneChildrenIfNeeded();
for (const auto child : node->getChildren()) {
zeroOutLayoutRecursively(child);
}
}
static void cleanupContentsNodesRecursively(yoga::Node* const node) {
for (auto child : node->getChildren()) {
if (child->style().display() == Display::Contents) {
child->getLayout() = {};
child->setLayoutDimension(0, Dimension::Width);
child->setLayoutDimension(0, Dimension::Height);
child->setHasNewLayout(true);
child->setDirty(false);
child->cloneChildrenIfNeeded();
cleanupContentsNodesRecursively(child);
}
}
}
static float calculateAvailableInnerDimension(
const yoga::Node* const node,
const Direction direction,
const Dimension dimension,
const float availableDim,
const float paddingAndBorder,
const float ownerDim,
const float ownerWidth) {
float availableInnerDim = availableDim - paddingAndBorder;
// Max dimension overrides predefined dimension value; Min dimension in turn
// overrides both of the above
if (yoga::isDefined(availableInnerDim)) {
// We want to make sure our available height does not violate min and max
// constraints
const FloatOptional minDimensionOptional =
node->style().resolvedMinDimension(
direction, dimension, ownerDim, ownerWidth);
const float minInnerDim = minDimensionOptional.isUndefined()
? 0.0f
: minDimensionOptional.unwrap() - paddingAndBorder;
const FloatOptional maxDimensionOptional =
node->style().resolvedMaxDimension(
direction, dimension, ownerDim, ownerWidth);
const float maxInnerDim = maxDimensionOptional.isUndefined()
? FLT_MAX
: maxDimensionOptional.unwrap() - paddingAndBorder;
availableInnerDim = yoga::maxOrDefined(
yoga::minOrDefined(availableInnerDim, maxInnerDim), minInnerDim);
}
return availableInnerDim;
}
static float computeFlexBasisForChildren(
yoga::Node* const node,
const float availableInnerWidth,
const float availableInnerHeight,
SizingMode widthSizingMode,
SizingMode heightSizingMode,
Direction direction,
FlexDirection mainAxis,
bool performLayout,
LayoutData& layoutMarkerData,
const uint32_t depth,
const uint32_t generationCount) {
float totalOuterFlexBasis = 0.0f;
YGNodeRef singleFlexChild = nullptr;
auto children = node->getLayoutChildren();
SizingMode sizingModeMainDim =
isRow(mainAxis) ? widthSizingMode : heightSizingMode;
// If there is only one child with flexGrow + flexShrink it means we can set
// the computedFlexBasis to 0 instead of measuring and shrinking / flexing the
// child to exactly match the remaining space
if (sizingModeMainDim == SizingMode::StretchFit) {
for (auto child : children) {
if (child->isNodeFlexible()) {
if (singleFlexChild != nullptr ||
yoga::inexactEquals(child->resolveFlexGrow(), 0.0f) ||
yoga::inexactEquals(child->resolveFlexShrink(), 0.0f)) {
// There is already a flexible child, or this flexible child doesn't
// have flexGrow and flexShrink, abort
singleFlexChild = nullptr;
break;
} else {
singleFlexChild = child;
}
}
}
}
for (auto child : children) {
child->processDimensions();
if (child->style().display() == Display::None) {
zeroOutLayoutRecursively(child);
child->setHasNewLayout(true);
child->setDirty(false);
continue;
}
if (performLayout) {
// Set the initial position (relative to the owner).
const Direction childDirection = child->resolveDirection(direction);
child->setPosition(
childDirection, availableInnerWidth, availableInnerHeight);
}
if (child->style().positionType() == PositionType::Absolute) {
continue;
}
if (child == singleFlexChild) {
child->setLayoutComputedFlexBasisGeneration(generationCount);
child->setLayoutComputedFlexBasis(FloatOptional(0));
} else {
computeFlexBasisForChild(
node,
child,
availableInnerWidth,
widthSizingMode,
availableInnerHeight,
availableInnerWidth,
availableInnerHeight,
heightSizingMode,
direction,
layoutMarkerData,
depth,
generationCount);
}
totalOuterFlexBasis +=
(child->getLayout().computedFlexBasis.unwrap() +
child->style().computeMarginForAxis(mainAxis, availableInnerWidth));
}
return totalOuterFlexBasis;
}
// It distributes the free space to the flexible items and ensures that the size
// of the flex items abide the min and max constraints. At the end of this
// function the child nodes would have proper size. Prior using this function
// please ensure that distributeFreeSpaceFirstPass is called.
static float distributeFreeSpaceSecondPass(
FlexLine& flexLine,
yoga::Node* const node,
const FlexDirection mainAxis,
const FlexDirection crossAxis,
const Direction direction,
const float ownerWidth,
const float mainAxisOwnerSize,
const float availableInnerMainDim,
const float availableInnerCrossDim,
const float availableInnerWidth,
const float availableInnerHeight,
const bool mainAxisOverflows,
const SizingMode sizingModeCrossDim,
const bool performLayout,
LayoutData& layoutMarkerData,
const uint32_t depth,
const uint32_t generationCount) {
float childFlexBasis = 0;
float flexShrinkScaledFactor = 0;
float flexGrowFactor = 0;
float deltaFreeSpace = 0;
const bool isMainAxisRow = isRow(mainAxis);
const bool isNodeFlexWrap = node->style().flexWrap() != Wrap::NoWrap;
for (auto currentLineChild : flexLine.itemsInFlow) {
childFlexBasis = boundAxisWithinMinAndMax(
currentLineChild,
direction,
mainAxis,
currentLineChild->getLayout().computedFlexBasis,
mainAxisOwnerSize,
ownerWidth)
.unwrap();
float updatedMainSize = childFlexBasis;
if (yoga::isDefined(flexLine.layout.remainingFreeSpace) &&
flexLine.layout.remainingFreeSpace < 0) {
flexShrinkScaledFactor =
-currentLineChild->resolveFlexShrink() * childFlexBasis;
// Is this child able to shrink?
if (flexShrinkScaledFactor != 0) {
float childSize = YGUndefined;
if (yoga::isDefined(flexLine.layout.totalFlexShrinkScaledFactors) &&
flexLine.layout.totalFlexShrinkScaledFactors == 0) {
childSize = childFlexBasis + flexShrinkScaledFactor;
} else {
childSize = childFlexBasis +
(flexLine.layout.remainingFreeSpace /
flexLine.layout.totalFlexShrinkScaledFactors) *
flexShrinkScaledFactor;
}
updatedMainSize = boundAxis(
currentLineChild,
mainAxis,
direction,
childSize,
availableInnerMainDim,
availableInnerWidth);
}
} else if (
yoga::isDefined(flexLine.layout.remainingFreeSpace) &&
flexLine.layout.remainingFreeSpace > 0) {
flexGrowFactor = currentLineChild->resolveFlexGrow();
// Is this child able to grow?
if (!std::isnan(flexGrowFactor) && flexGrowFactor != 0) {
updatedMainSize = boundAxis(
currentLineChild,
mainAxis,
direction,
childFlexBasis +
flexLine.layout.remainingFreeSpace /
flexLine.layout.totalFlexGrowFactors * flexGrowFactor,
availableInnerMainDim,
availableInnerWidth);
}
}
deltaFreeSpace += updatedMainSize - childFlexBasis;
const float marginMain = currentLineChild->style().computeMarginForAxis(
mainAxis, availableInnerWidth);
const float marginCross = currentLineChild->style().computeMarginForAxis(
crossAxis, availableInnerWidth);
float childCrossSize = YGUndefined;
float childMainSize = updatedMainSize + marginMain;
SizingMode childCrossSizingMode;
SizingMode childMainSizingMode = SizingMode::StretchFit;
const auto& childStyle = currentLineChild->style();
if (childStyle.aspectRatio().isDefined()) {
childCrossSize = isMainAxisRow
? (childMainSize - marginMain) / childStyle.aspectRatio().unwrap()
: (childMainSize - marginMain) * childStyle.aspectRatio().unwrap();
childCrossSizingMode = SizingMode::StretchFit;
childCrossSize += marginCross;
} else if (
!std::isnan(availableInnerCrossDim) &&
!currentLineChild->hasDefiniteLength(
dimension(crossAxis), availableInnerCrossDim) &&
sizingModeCrossDim == SizingMode::StretchFit &&
!(isNodeFlexWrap && mainAxisOverflows) &&
resolveChildAlignment(node, currentLineChild) == Align::Stretch &&
!currentLineChild->style().flexStartMarginIsAuto(
crossAxis, direction) &&
!currentLineChild->style().flexEndMarginIsAuto(crossAxis, direction)) {
childCrossSize = availableInnerCrossDim;
childCrossSizingMode = SizingMode::StretchFit;
} else if (!currentLineChild->hasDefiniteLength(
dimension(crossAxis), availableInnerCrossDim)) {
childCrossSize = availableInnerCrossDim;
childCrossSizingMode = yoga::isUndefined(childCrossSize)
? SizingMode::MaxContent
: SizingMode::FitContent;
} else {
childCrossSize = currentLineChild
->getResolvedDimension(
direction,
dimension(crossAxis),
availableInnerCrossDim,
availableInnerWidth)
.unwrap() +
marginCross;
const bool isLoosePercentageMeasurement =
currentLineChild->getProcessedDimension(dimension(crossAxis))
.isPercent() &&
sizingModeCrossDim != SizingMode::StretchFit;
childCrossSizingMode =
yoga::isUndefined(childCrossSize) || isLoosePercentageMeasurement
? SizingMode::MaxContent
: SizingMode::StretchFit;
}
constrainMaxSizeForMode(
currentLineChild,
direction,
mainAxis,
availableInnerMainDim,
availableInnerWidth,
&childMainSizingMode,
&childMainSize);
constrainMaxSizeForMode(
currentLineChild,
direction,
crossAxis,
availableInnerCrossDim,
availableInnerWidth,
&childCrossSizingMode,
&childCrossSize);
const bool requiresStretchLayout =
!currentLineChild->hasDefiniteLength(
dimension(crossAxis), availableInnerCrossDim) &&
resolveChildAlignment(node, currentLineChild) == Align::Stretch &&
!currentLineChild->style().flexStartMarginIsAuto(
crossAxis, direction) &&
!currentLineChild->style().flexEndMarginIsAuto(crossAxis, direction);
const float childWidth = isMainAxisRow ? childMainSize : childCrossSize;
const float childHeight = !isMainAxisRow ? childMainSize : childCrossSize;
const SizingMode childWidthSizingMode =
isMainAxisRow ? childMainSizingMode : childCrossSizingMode;
const SizingMode childHeightSizingMode =
!isMainAxisRow ? childMainSizingMode : childCrossSizingMode;
const bool isLayoutPass = performLayout && !requiresStretchLayout;
// Recursively call the layout algorithm for this child with the updated
// main size.
calculateLayoutInternal(
currentLineChild,
childWidth,
childHeight,
node->getLayout().direction(),
childWidthSizingMode,
childHeightSizingMode,
availableInnerWidth,
availableInnerHeight,
isLayoutPass,
isLayoutPass ? LayoutPassReason::kFlexLayout
: LayoutPassReason::kFlexMeasure,
layoutMarkerData,
depth,
generationCount);
node->setLayoutHadOverflow(
node->getLayout().hadOverflow() ||
currentLineChild->getLayout().hadOverflow());
}
return deltaFreeSpace;
}
// It distributes the free space to the flexible items.For those flexible items
// whose min and max constraints are triggered, those flex item's clamped size
// is removed from the remaingfreespace.
static void distributeFreeSpaceFirstPass(
FlexLine& flexLine,
const Direction direction,
const FlexDirection mainAxis,
const float ownerWidth,
const float mainAxisOwnerSize,
const float availableInnerMainDim,
const float availableInnerWidth) {
float flexShrinkScaledFactor = 0;
float flexGrowFactor = 0;
float baseMainSize = 0;
float boundMainSize = 0;
float deltaFreeSpace = 0;
for (auto currentLineChild : flexLine.itemsInFlow) {
float childFlexBasis = boundAxisWithinMinAndMax(
currentLineChild,
direction,
mainAxis,
currentLineChild->getLayout().computedFlexBasis,
mainAxisOwnerSize,
ownerWidth)
.unwrap();
if (flexLine.layout.remainingFreeSpace < 0) {
flexShrinkScaledFactor =
-currentLineChild->resolveFlexShrink() * childFlexBasis;
// Is this child able to shrink?
if (yoga::isDefined(flexShrinkScaledFactor) &&
flexShrinkScaledFactor != 0) {
baseMainSize = childFlexBasis +
flexLine.layout.remainingFreeSpace /
flexLine.layout.totalFlexShrinkScaledFactors *
flexShrinkScaledFactor;
boundMainSize = boundAxis(
currentLineChild,
mainAxis,
direction,
baseMainSize,
availableInnerMainDim,
availableInnerWidth);
if (yoga::isDefined(baseMainSize) && yoga::isDefined(boundMainSize) &&
baseMainSize != boundMainSize) {
// By excluding this item's size and flex factor from remaining, this
// item's min/max constraints should also trigger in the second pass
// resulting in the item's size calculation being identical in the
// first and second passes.
deltaFreeSpace += boundMainSize - childFlexBasis;
flexLine.layout.totalFlexShrinkScaledFactors -=
(-currentLineChild->resolveFlexShrink() *
currentLineChild->getLayout().computedFlexBasis.unwrap());
}
}
} else if (
yoga::isDefined(flexLine.layout.remainingFreeSpace) &&
flexLine.layout.remainingFreeSpace > 0) {
flexGrowFactor = currentLineChild->resolveFlexGrow();
// Is this child able to grow?
if (yoga::isDefined(flexGrowFactor) && flexGrowFactor != 0) {
baseMainSize = childFlexBasis +
flexLine.layout.remainingFreeSpace /
flexLine.layout.totalFlexGrowFactors * flexGrowFactor;
boundMainSize = boundAxis(
currentLineChild,
mainAxis,
direction,
baseMainSize,
availableInnerMainDim,
availableInnerWidth);
if (yoga::isDefined(baseMainSize) && yoga::isDefined(boundMainSize) &&
baseMainSize != boundMainSize) {
// By excluding this item's size and flex factor from remaining, this
// item's min/max constraints should also trigger in the second pass
// resulting in the item's size calculation being identical in the
// first and second passes.
deltaFreeSpace += boundMainSize - childFlexBasis;
flexLine.layout.totalFlexGrowFactors -= flexGrowFactor;
}
}
}
}
flexLine.layout.remainingFreeSpace -= deltaFreeSpace;
}
// Do two passes over the flex items to figure out how to distribute the
// remaining space.
//
// The first pass finds the items whose min/max constraints trigger, freezes
// them at those sizes, and excludes those sizes from the remaining space.
//
// The second pass sets the size of each flexible item. It distributes the
// remaining space amongst the items whose min/max constraints didn't trigger in
// the first pass. For the other items, it sets their sizes by forcing their
// min/max constraints to trigger again.
//
// This two pass approach for resolving min/max constraints deviates from the
// spec. The spec
// (https://www.w3.org/TR/CSS-flexbox-1/#resolve-flexible-lengths) describes a
// process that needs to be repeated a variable number of times. The algorithm
// implemented here won't handle all cases but it was simpler to implement and
// it mitigates performance concerns because we know exactly how many passes
// it'll do.
//
// At the end of this function the child nodes would have the proper size
// assigned to them.
//
static void resolveFlexibleLength(
yoga::Node* const node,
FlexLine& flexLine,
const FlexDirection mainAxis,
const FlexDirection crossAxis,
const Direction direction,
const float ownerWidth,
const float mainAxisOwnerSize,
const float availableInnerMainDim,
const float availableInnerCrossDim,
const float availableInnerWidth,
const float availableInnerHeight,
const bool mainAxisOverflows,
const SizingMode sizingModeCrossDim,
const bool performLayout,
LayoutData& layoutMarkerData,
const uint32_t depth,
const uint32_t generationCount) {
const float originalFreeSpace = flexLine.layout.remainingFreeSpace;
// First pass: detect the flex items whose min/max constraints trigger
distributeFreeSpaceFirstPass(
flexLine,
direction,
mainAxis,
ownerWidth,
mainAxisOwnerSize,
availableInnerMainDim,
availableInnerWidth);
// Second pass: resolve the sizes of the flexible items
const float distributedFreeSpace = distributeFreeSpaceSecondPass(
flexLine,
node,
mainAxis,
crossAxis,
direction,
ownerWidth,
mainAxisOwnerSize,
availableInnerMainDim,
availableInnerCrossDim,
availableInnerWidth,
availableInnerHeight,
mainAxisOverflows,
sizingModeCrossDim,
performLayout,
layoutMarkerData,
depth,
generationCount);
flexLine.layout.remainingFreeSpace = originalFreeSpace - distributedFreeSpace;
}
static void justifyMainAxis(
yoga::Node* const node,
FlexLine& flexLine,
const FlexDirection mainAxis,
const FlexDirection crossAxis,
const Direction direction,
const SizingMode sizingModeMainDim,
const SizingMode sizingModeCrossDim,
const float mainAxisOwnerSize,
const float ownerWidth,
const float availableInnerMainDim,
const float availableInnerCrossDim,
const float availableInnerWidth,
const bool performLayout) {
const auto& style = node->style();
const float leadingPaddingAndBorderMain =
node->style().computeFlexStartPaddingAndBorder(
mainAxis, direction, ownerWidth);
const float trailingPaddingAndBorderMain =
node->style().computeFlexEndPaddingAndBorder(
mainAxis, direction, ownerWidth);
const float gap =
node->style().computeGapForAxis(mainAxis, availableInnerMainDim);
// If we are using "at most" rules in the main axis, make sure that
// remainingFreeSpace is 0 when min main dimension is not given
if (sizingModeMainDim == SizingMode::FitContent &&
flexLine.layout.remainingFreeSpace > 0) {
if (style.minDimension(dimension(mainAxis)).isDefined() &&
style
.resolvedMinDimension(
direction, dimension(mainAxis), mainAxisOwnerSize, ownerWidth)
.isDefined()) {
// This condition makes sure that if the size of main dimension(after
// considering child nodes main dim, leading and trailing padding etc)
// falls below min dimension, then the remainingFreeSpace is reassigned
// considering the min dimension
// `minAvailableMainDim` denotes minimum available space in which child
// can be laid out, it will exclude space consumed by padding and border.
const float minAvailableMainDim =
style
.resolvedMinDimension(
direction, dimension(mainAxis), mainAxisOwnerSize, ownerWidth)
.unwrap() -
leadingPaddingAndBorderMain - trailingPaddingAndBorderMain;
const float occupiedSpaceByChildNodes =
availableInnerMainDim - flexLine.layout.remainingFreeSpace;
flexLine.layout.remainingFreeSpace = yoga::maxOrDefined(
0.0f, minAvailableMainDim - occupiedSpaceByChildNodes);
} else {
flexLine.layout.remainingFreeSpace = 0;
}
}
// In order to position the elements in the main axis, we have two controls.
// The space between the beginning and the first element and the space between
// each two elements.
float leadingMainDim = 0;
float betweenMainDim = gap;
const Justify justifyContent = flexLine.layout.remainingFreeSpace >= 0
? node->style().justifyContent()
: fallbackAlignment(node->style().justifyContent());
if (flexLine.numberOfAutoMargins == 0) {
switch (justifyContent) {
case Justify::Center:
leadingMainDim = flexLine.layout.remainingFreeSpace / 2;
break;
case Justify::FlexEnd:
leadingMainDim = flexLine.layout.remainingFreeSpace;
break;
case Justify::SpaceBetween:
if (flexLine.itemsInFlow.size() > 1) {
betweenMainDim += flexLine.layout.remainingFreeSpace /
static_cast<float>(flexLine.itemsInFlow.size() - 1);
}
break;
case Justify::SpaceEvenly:
// Space is distributed evenly across all elements
leadingMainDim = flexLine.layout.remainingFreeSpace /
static_cast<float>(flexLine.itemsInFlow.size() + 1);
betweenMainDim += leadingMainDim;
break;
case Justify::SpaceAround:
// Space on the edges is half of the space between elements
leadingMainDim = 0.5f * flexLine.layout.remainingFreeSpace /
static_cast<float>(flexLine.itemsInFlow.size());
betweenMainDim += leadingMainDim * 2;
break;
case Justify::FlexStart:
break;
}
}
flexLine.layout.mainDim = leadingPaddingAndBorderMain + leadingMainDim;
flexLine.layout.crossDim = 0;
float maxAscentForCurrentLine = 0;
float maxDescentForCurrentLine = 0;
bool isNodeBaselineLayout = isBaselineLayout(node);
for (auto child : flexLine.itemsInFlow) {
const LayoutResults& childLayout = child->getLayout();
if (child->style().flexStartMarginIsAuto(mainAxis, direction) &&
flexLine.layout.remainingFreeSpace > 0.0f) {
flexLine.layout.mainDim += flexLine.layout.remainingFreeSpace /
static_cast<float>(flexLine.numberOfAutoMargins);
}
if (performLayout) {
child->setLayoutPosition(
childLayout.position(flexStartEdge(mainAxis)) +
flexLine.layout.mainDim,
flexStartEdge(mainAxis));
}
if (child != flexLine.itemsInFlow.back()) {
flexLine.layout.mainDim += betweenMainDim;
}
if (child->style().flexEndMarginIsAuto(mainAxis, direction) &&
flexLine.layout.remainingFreeSpace > 0.0f) {
flexLine.layout.mainDim += flexLine.layout.remainingFreeSpace /
static_cast<float>(flexLine.numberOfAutoMargins);
}
bool canSkipFlex =
!performLayout && sizingModeCrossDim == SizingMode::StretchFit;
if (canSkipFlex) {
// If we skipped the flex step, then we can't rely on the measuredDims
// because they weren't computed. This means we can't call
// dimensionWithMargin.
flexLine.layout.mainDim +=
child->style().computeMarginForAxis(mainAxis, availableInnerWidth) +
childLayout.computedFlexBasis.unwrap();
flexLine.layout.crossDim = availableInnerCrossDim;
} else {
// The main dimension is the sum of all the elements dimension plus
// the spacing.
flexLine.layout.mainDim +=
child->dimensionWithMargin(mainAxis, availableInnerWidth);
if (isNodeBaselineLayout) {
// If the child is baseline aligned then the cross dimension is
// calculated by adding maxAscent and maxDescent from the baseline.
const float ascent = calculateBaseline(child) +
child->style().computeFlexStartMargin(
FlexDirection::Column, direction, availableInnerWidth);
const float descent =
child->getLayout().measuredDimension(Dimension::Height) +
child->style().computeMarginForAxis(
FlexDirection::Column, availableInnerWidth) -
ascent;
maxAscentForCurrentLine =
yoga::maxOrDefined(maxAscentForCurrentLine, ascent);
maxDescentForCurrentLine =
yoga::maxOrDefined(maxDescentForCurrentLine, descent);
} else {
// The cross dimension is the max of the elements dimension since
// there can only be one element in that cross dimension in the case
// when the items are not baseline aligned
flexLine.layout.crossDim = yoga::maxOrDefined(
flexLine.layout.crossDim,
child->dimensionWithMargin(crossAxis, availableInnerWidth));
}
}
}
flexLine.layout.mainDim += trailingPaddingAndBorderMain;
if (isNodeBaselineLayout) {
flexLine.layout.crossDim =
maxAscentForCurrentLine + maxDescentForCurrentLine;
}
}
//
// This is the main routine that implements a subset of the flexbox layout
// algorithm described in the W3C CSS documentation:
// https://www.w3.org/TR/CSS3-flexbox/.
//
// Limitations of this algorithm, compared to the full standard:
// * Display property is always assumed to be 'flex' except for Text nodes,
// which are assumed to be 'inline-flex'.
// * The 'zIndex' property (or any form of z ordering) is not supported. Nodes
// are stacked in document order.
// * The 'order' property is not supported. The order of flex items is always
// defined by document order.
// * The 'visibility' property is always assumed to be 'visible'. Values of
// 'collapse' and 'hidden' are not supported.
// * There is no support for forced breaks.
// * It does not support vertical inline directions (top-to-bottom or
// bottom-to-top text).
//
// Deviations from standard:
// * Section 4.5 of the spec indicates that all flex items have a default
// minimum main size. For text blocks, for example, this is the width of the
// widest word. Calculating the minimum width is expensive, so we forego it
// and assume a default minimum main size of 0.
// * Min/Max sizes in the main axis are not honored when resolving flexible
// lengths.
// * The spec indicates that the default value for 'flexDirection' is 'row',
// but the algorithm below assumes a default of 'column'.
//
// Input parameters:
// - node: current node to be sized and laid out
// - availableWidth & availableHeight: available size to be used for sizing
// the node or YGUndefined if the size is not available; interpretation
// depends on layout flags
// - ownerDirection: the inline (text) direction within the owner
// (left-to-right or right-to-left)
// - widthSizingMode: indicates the sizing rules for the width (see below
// for explanation)
// - heightSizingMode: indicates the sizing rules for the height (see below
// for explanation)
// - performLayout: specifies whether the caller is interested in just the
// dimensions of the node or it requires the entire node and its subtree to
// be laid out (with final positions)
//
// Details:
// This routine is called recursively to lay out subtrees of flexbox
// elements. It uses the information in node.style, which is treated as a
// read-only input. It is responsible for setting the layout.direction and
// layout.measuredDimensions fields for the input node as well as the
// layout.position and layout.lineIndex fields for its child nodes. The
// layout.measuredDimensions field includes any border or padding for the
// node but does not include margins.
//
// When calling calculateLayoutImpl and calculateLayoutInternal, if the
// caller passes an available size of undefined then it must also pass a
// measure mode of SizingMode::MaxContent in that dimension.
//
static void calculateLayoutImpl(
yoga::Node* const node,
const float availableWidth,
const float availableHeight,
const Direction ownerDirection,
const SizingMode widthSizingMode,
const SizingMode heightSizingMode,
const float ownerWidth,
const float ownerHeight,
const bool performLayout,
const LayoutPassReason reason,
LayoutData& layoutMarkerData,
const uint32_t depth,
const uint32_t generationCount) {
yoga::assertFatalWithNode(
node,
yoga::isUndefined(availableWidth)
? widthSizingMode == SizingMode::MaxContent
: true,
"availableWidth is indefinite so widthSizingMode must be "
"SizingMode::MaxContent");
yoga::assertFatalWithNode(
node,
yoga::isUndefined(availableHeight)
? heightSizingMode == SizingMode::MaxContent
: true,
"availableHeight is indefinite so heightSizingMode must be "
"SizingMode::MaxContent");
(performLayout ? layoutMarkerData.layouts : layoutMarkerData.measures) += 1;
// Set the resolved resolution in the node's layout.
const Direction direction = node->resolveDirection(ownerDirection);
node->setLayoutDirection(direction);
const FlexDirection flexRowDirection =
resolveDirection(FlexDirection::Row, direction);
const FlexDirection flexColumnDirection =
resolveDirection(FlexDirection::Column, direction);
const auto startEdge =
direction == Direction::LTR ? PhysicalEdge::Left : PhysicalEdge::Right;
const auto endEdge =
direction == Direction::LTR ? PhysicalEdge::Right : PhysicalEdge::Left;
const float marginRowLeading = node->style().computeInlineStartMargin(
flexRowDirection, direction, ownerWidth);
node->setLayoutMargin(marginRowLeading, startEdge);
const float marginRowTrailing = node->style().computeInlineEndMargin(
flexRowDirection, direction, ownerWidth);
node->setLayoutMargin(marginRowTrailing, endEdge);
const float marginColumnLeading = node->style().computeInlineStartMargin(
flexColumnDirection, direction, ownerWidth);
node->setLayoutMargin(marginColumnLeading, PhysicalEdge::Top);
const float marginColumnTrailing = node->style().computeInlineEndMargin(
flexColumnDirection, direction, ownerWidth);
node->setLayoutMargin(marginColumnTrailing, PhysicalEdge::Bottom);
const float marginAxisRow = marginRowLeading + marginRowTrailing;
const float marginAxisColumn = marginColumnLeading + marginColumnTrailing;
node->setLayoutBorder(
node->style().computeInlineStartBorder(flexRowDirection, direction),
startEdge);
node->setLayoutBorder(
node->style().computeInlineEndBorder(flexRowDirection, direction),
endEdge);
node->setLayoutBorder(
node->style().computeInlineStartBorder(flexColumnDirection, direction),
PhysicalEdge::Top);
node->setLayoutBorder(
node->style().computeInlineEndBorder(flexColumnDirection, direction),
PhysicalEdge::Bottom);
node->setLayoutPadding(
node->style().computeInlineStartPadding(
flexRowDirection, direction, ownerWidth),
startEdge);
node->setLayoutPadding(
node->style().computeInlineEndPadding(
flexRowDirection, direction, ownerWidth),
endEdge);
node->setLayoutPadding(
node->style().computeInlineStartPadding(
flexColumnDirection, direction, ownerWidth),
PhysicalEdge::Top);
node->setLayoutPadding(
node->style().computeInlineEndPadding(
flexColumnDirection, direction, ownerWidth),
PhysicalEdge::Bottom);
if (node->hasMeasureFunc()) {
measureNodeWithMeasureFunc(
node,
direction,
availableWidth - marginAxisRow,
availableHeight - marginAxisColumn,
widthSizingMode,
heightSizingMode,
ownerWidth,
ownerHeight,
layoutMarkerData,
reason);
// Clean and update all display: contents nodes with a direct path to the
// current node as they will not be traversed
cleanupContentsNodesRecursively(node);
return;
}
const auto childCount = node->getLayoutChildCount();
if (childCount == 0) {
measureNodeWithoutChildren(
node,
direction,
availableWidth - marginAxisRow,
availableHeight - marginAxisColumn,
widthSizingMode,
heightSizingMode,
ownerWidth,
ownerHeight);
// Clean and update all display: contents nodes with a direct path to the
// current node as they will not be traversed
cleanupContentsNodesRecursively(node);
return;
}
// If we're not being asked to perform a full layout we can skip the algorithm
// if we already know the size
if (!performLayout &&
measureNodeWithFixedSize(
node,
direction,
availableWidth - marginAxisRow,
availableHeight - marginAxisColumn,
widthSizingMode,
heightSizingMode,
ownerWidth,
ownerHeight)) {
// Clean and update all display: contents nodes with a direct path to the
// current node as they will not be traversed
cleanupContentsNodesRecursively(node);
return;
}
// At this point we know we're going to perform work. Ensure that each child
// has a mutable copy.
node->cloneChildrenIfNeeded();
// Reset layout flags, as they could have changed.
node->setLayoutHadOverflow(false);
// Clean and update all display: contents nodes with a direct path to the
// current node as they will not be traversed
cleanupContentsNodesRecursively(node);
// STEP 1: CALCULATE VALUES FOR REMAINDER OF ALGORITHM
const FlexDirection mainAxis =
resolveDirection(node->style().flexDirection(), direction);
const FlexDirection crossAxis = resolveCrossDirection(mainAxis, direction);
const bool isMainAxisRow = isRow(mainAxis);
const bool isNodeFlexWrap = node->style().flexWrap() != Wrap::NoWrap;
const float mainAxisOwnerSize = isMainAxisRow ? ownerWidth : ownerHeight;
const float crossAxisOwnerSize = isMainAxisRow ? ownerHeight : ownerWidth;
const float paddingAndBorderAxisMain =
paddingAndBorderForAxis(node, mainAxis, direction, ownerWidth);
const float paddingAndBorderAxisCross =
paddingAndBorderForAxis(node, crossAxis, direction, ownerWidth);
const float leadingPaddingAndBorderCross =
node->style().computeFlexStartPaddingAndBorder(
crossAxis, direction, ownerWidth);
SizingMode sizingModeMainDim =
isMainAxisRow ? widthSizingMode : heightSizingMode;
SizingMode sizingModeCrossDim =
isMainAxisRow ? heightSizingMode : widthSizingMode;
const float paddingAndBorderAxisRow =
isMainAxisRow ? paddingAndBorderAxisMain : paddingAndBorderAxisCross;
const float paddingAndBorderAxisColumn =
isMainAxisRow ? paddingAndBorderAxisCross : paddingAndBorderAxisMain;
// STEP 2: DETERMINE AVAILABLE SIZE IN MAIN AND CROSS DIRECTIONS
float availableInnerWidth = calculateAvailableInnerDimension(
node,
direction,
Dimension::Width,
availableWidth - marginAxisRow,
paddingAndBorderAxisRow,
ownerWidth,
ownerWidth);
float availableInnerHeight = calculateAvailableInnerDimension(
node,
direction,
Dimension::Height,
availableHeight - marginAxisColumn,
paddingAndBorderAxisColumn,
ownerHeight,
ownerWidth);
float availableInnerMainDim =
isMainAxisRow ? availableInnerWidth : availableInnerHeight;
const float availableInnerCrossDim =
isMainAxisRow ? availableInnerHeight : availableInnerWidth;
// STEP 3: DETERMINE FLEX BASIS FOR EACH ITEM
// Computed basis + margins + gap
float totalMainDim = 0;
totalMainDim += computeFlexBasisForChildren(
node,
availableInnerWidth,
availableInnerHeight,
widthSizingMode,
heightSizingMode,
direction,
mainAxis,
performLayout,
layoutMarkerData,
depth,
generationCount);
if (childCount > 1) {
totalMainDim +=
node->style().computeGapForAxis(mainAxis, availableInnerMainDim) *
static_cast<float>(childCount - 1);
}
const bool mainAxisOverflows =
(sizingModeMainDim != SizingMode::MaxContent) &&
totalMainDim > availableInnerMainDim;
if (isNodeFlexWrap && mainAxisOverflows &&
sizingModeMainDim == SizingMode::FitContent) {
sizingModeMainDim = SizingMode::StretchFit;
}
// STEP 4: COLLECT FLEX ITEMS INTO FLEX LINES
// Iterator representing the beginning of the current line
Node::LayoutableChildren::Iterator startOfLineIterator =
node->getLayoutChildren().begin();
// Number of lines.
size_t lineCount = 0;
// Accumulated cross dimensions of all lines so far.
float totalLineCrossDim = 0;
const float crossAxisGap =
node->style().computeGapForAxis(crossAxis, availableInnerCrossDim);
// Max main dimension of all the lines.
float maxLineMainDim = 0;
for (; startOfLineIterator != node->getLayoutChildren().end(); lineCount++) {
auto flexLine = calculateFlexLine(
node,
ownerDirection,
ownerWidth,
mainAxisOwnerSize,
availableInnerWidth,
availableInnerMainDim,
startOfLineIterator,
lineCount);
// If we don't need to measure the cross axis, we can skip the entire flex
// step.
const bool canSkipFlex =
!performLayout && sizingModeCrossDim == SizingMode::StretchFit;
// STEP 5: RESOLVING FLEXIBLE LENGTHS ON MAIN AXIS
// Calculate the remaining available space that needs to be allocated. If
// the main dimension size isn't known, it is computed based on the line
// length, so there's no more space left to distribute.
bool sizeBasedOnContent = false;
// If we don't measure with exact main dimension we want to ensure we don't
// violate min and max
if (sizingModeMainDim != SizingMode::StretchFit) {
const auto& style = node->style();
const float minInnerWidth =
style
.resolvedMinDimension(
direction, Dimension::Width, ownerWidth, ownerWidth)
.unwrap() -
paddingAndBorderAxisRow;
const float maxInnerWidth =
style
.resolvedMaxDimension(
direction, Dimension::Width, ownerWidth, ownerWidth)
.unwrap() -
paddingAndBorderAxisRow;
const float minInnerHeight =
style
.resolvedMinDimension(
direction, Dimension::Height, ownerHeight, ownerWidth)
.unwrap() -
paddingAndBorderAxisColumn;
const float maxInnerHeight =
style
.resolvedMaxDimension(
direction, Dimension::Height, ownerHeight, ownerWidth)
.unwrap() -
paddingAndBorderAxisColumn;
const float minInnerMainDim =
isMainAxisRow ? minInnerWidth : minInnerHeight;
const float maxInnerMainDim =
isMainAxisRow ? maxInnerWidth : maxInnerHeight;
if (yoga::isDefined(minInnerMainDim) &&
flexLine.sizeConsumed < minInnerMainDim) {
availableInnerMainDim = minInnerMainDim;
} else if (
yoga::isDefined(maxInnerMainDim) &&
flexLine.sizeConsumed > maxInnerMainDim) {
availableInnerMainDim = maxInnerMainDim;
} else {
bool useLegacyStretchBehaviour =
node->hasErrata(Errata::StretchFlexBasis);
if (!useLegacyStretchBehaviour &&
((yoga::isDefined(flexLine.layout.totalFlexGrowFactors) &&
flexLine.layout.totalFlexGrowFactors == 0) ||
(yoga::isDefined(node->resolveFlexGrow()) &&
node->resolveFlexGrow() == 0))) {
// If we don't have any children to flex or we can't flex the node
// itself, space we've used is all space we need. Root node also
// should be shrunk to minimum
availableInnerMainDim = flexLine.sizeConsumed;
}
sizeBasedOnContent = !useLegacyStretchBehaviour;
}
}
if (!sizeBasedOnContent && yoga::isDefined(availableInnerMainDim)) {
flexLine.layout.remainingFreeSpace =
availableInnerMainDim - flexLine.sizeConsumed;
} else if (flexLine.sizeConsumed < 0) {
// availableInnerMainDim is indefinite which means the node is being sized
// based on its content. sizeConsumed is negative which means
// the node will allocate 0 points for its content. Consequently,
// remainingFreeSpace is 0 - sizeConsumed.
flexLine.layout.remainingFreeSpace = -flexLine.sizeConsumed;
}
if (!canSkipFlex) {
resolveFlexibleLength(
node,
flexLine,
mainAxis,
crossAxis,
direction,
ownerWidth,
mainAxisOwnerSize,
availableInnerMainDim,
availableInnerCrossDim,
availableInnerWidth,
availableInnerHeight,
mainAxisOverflows,
sizingModeCrossDim,
performLayout,
layoutMarkerData,
depth,
generationCount);
}
node->setLayoutHadOverflow(
node->getLayout().hadOverflow() ||
(flexLine.layout.remainingFreeSpace < 0));
// STEP 6: MAIN-AXIS JUSTIFICATION & CROSS-AXIS SIZE DETERMINATION
// At this point, all the children have their dimensions set in the main
// axis. Their dimensions are also set in the cross axis with the exception
// of items that are aligned "stretch". We need to compute these stretch
// values and set the final positions.
justifyMainAxis(
node,
flexLine,
mainAxis,
crossAxis,
direction,
sizingModeMainDim,
sizingModeCrossDim,
mainAxisOwnerSize,
ownerWidth,
availableInnerMainDim,
availableInnerCrossDim,
availableInnerWidth,
performLayout);
float containerCrossAxis = availableInnerCrossDim;
if (sizingModeCrossDim == SizingMode::MaxContent ||
sizingModeCrossDim == SizingMode::FitContent) {
// Compute the cross axis from the max cross dimension of the children.
containerCrossAxis =
boundAxis(
node,
crossAxis,
direction,
flexLine.layout.crossDim + paddingAndBorderAxisCross,
crossAxisOwnerSize,
ownerWidth) -
paddingAndBorderAxisCross;
}
// If there's no flex wrap, the cross dimension is defined by the container.
if (!isNodeFlexWrap && sizingModeCrossDim == SizingMode::StretchFit) {
flexLine.layout.crossDim = availableInnerCrossDim;
}
// As-per https://www.w3.org/TR/css-flexbox-1/#cross-sizing, the
// cross-size of the line within a single-line container should be bound to
// min/max constraints before alignment within the line. In a multi-line
// container, affecting alignment between the lines.
if (!isNodeFlexWrap) {
flexLine.layout.crossDim =
boundAxis(
node,
crossAxis,
direction,
flexLine.layout.crossDim + paddingAndBorderAxisCross,
crossAxisOwnerSize,
ownerWidth) -
paddingAndBorderAxisCross;
}
// STEP 7: CROSS-AXIS ALIGNMENT
// We can skip child alignment if we're just measuring the container.
if (performLayout) {
for (auto child : flexLine.itemsInFlow) {
float leadingCrossDim = leadingPaddingAndBorderCross;
// For a relative children, we're either using alignItems (owner) or
// alignSelf (child) in order to determine the position in the cross
// axis
const Align alignItem = resolveChildAlignment(node, child);
// If the child uses align stretch, we need to lay it out one more
// time, this time forcing the cross-axis size to be the computed
// cross size for the current line.
if (alignItem == Align::Stretch &&
!child->style().flexStartMarginIsAuto(crossAxis, direction) &&
!child->style().flexEndMarginIsAuto(crossAxis, direction)) {
// If the child defines a definite size for its cross axis, there's
// no need to stretch.
if (!child->hasDefiniteLength(
dimension(crossAxis), availableInnerCrossDim)) {
float childMainSize =
child->getLayout().measuredDimension(dimension(mainAxis));
const auto& childStyle = child->style();
float childCrossSize = childStyle.aspectRatio().isDefined()
? child->style().computeMarginForAxis(
crossAxis, availableInnerWidth) +
(isMainAxisRow
? childMainSize / childStyle.aspectRatio().unwrap()
: childMainSize * childStyle.aspectRatio().unwrap())
: flexLine.layout.crossDim;
childMainSize += child->style().computeMarginForAxis(
mainAxis, availableInnerWidth);
SizingMode childMainSizingMode = SizingMode::StretchFit;
SizingMode childCrossSizingMode = SizingMode::StretchFit;
constrainMaxSizeForMode(
child,
direction,
mainAxis,
availableInnerMainDim,
availableInnerWidth,
&childMainSizingMode,
&childMainSize);
constrainMaxSizeForMode(
child,
direction,
crossAxis,
availableInnerCrossDim,
availableInnerWidth,
&childCrossSizingMode,
&childCrossSize);
const float childWidth =
isMainAxisRow ? childMainSize : childCrossSize;
const float childHeight =
!isMainAxisRow ? childMainSize : childCrossSize;
auto alignContent = node->style().alignContent();
auto crossAxisDoesNotGrow =
alignContent != Align::Stretch && isNodeFlexWrap;
const SizingMode childWidthSizingMode =
yoga::isUndefined(childWidth) ||
(!isMainAxisRow && crossAxisDoesNotGrow)
? SizingMode::MaxContent
: SizingMode::StretchFit;
const SizingMode childHeightSizingMode =
yoga::isUndefined(childHeight) ||
(isMainAxisRow && crossAxisDoesNotGrow)
? SizingMode::MaxContent
: SizingMode::StretchFit;
calculateLayoutInternal(
child,
childWidth,
childHeight,
direction,
childWidthSizingMode,
childHeightSizingMode,
availableInnerWidth,
availableInnerHeight,
true,
LayoutPassReason::kStretch,
layoutMarkerData,
depth,
generationCount);
}
} else {
const float remainingCrossDim = containerCrossAxis -
child->dimensionWithMargin(crossAxis, availableInnerWidth);
if (child->style().flexStartMarginIsAuto(crossAxis, direction) &&
child->style().flexEndMarginIsAuto(crossAxis, direction)) {
leadingCrossDim += yoga::maxOrDefined(0.0f, remainingCrossDim / 2);
} else if (child->style().flexEndMarginIsAuto(crossAxis, direction)) {
// No-Op
} else if (child->style().flexStartMarginIsAuto(
crossAxis, direction)) {
leadingCrossDim += yoga::maxOrDefined(0.0f, remainingCrossDim);
} else if (alignItem == Align::FlexStart) {
// No-Op
} else if (alignItem == Align::Center) {
leadingCrossDim += remainingCrossDim / 2;
} else {
leadingCrossDim += remainingCrossDim;
}
}
// And we apply the position
child->setLayoutPosition(
child->getLayout().position(flexStartEdge(crossAxis)) +
totalLineCrossDim + leadingCrossDim,
flexStartEdge(crossAxis));
}
}
const float appliedCrossGap = lineCount != 0 ? crossAxisGap : 0.0f;
totalLineCrossDim += flexLine.layout.crossDim + appliedCrossGap;
maxLineMainDim =
yoga::maxOrDefined(maxLineMainDim, flexLine.layout.mainDim);
}
// STEP 8: MULTI-LINE CONTENT ALIGNMENT
// currentLead stores the size of the cross dim
if (performLayout && (isNodeFlexWrap || isBaselineLayout(node))) {
float leadPerLine = 0;
float currentLead = leadingPaddingAndBorderCross;
float extraSpacePerLine = 0;
const float unclampedCrossDim = sizingModeCrossDim == SizingMode::StretchFit
? availableInnerCrossDim + paddingAndBorderAxisCross
: node->hasDefiniteLength(dimension(crossAxis), crossAxisOwnerSize)
? node->getResolvedDimension(
direction,
dimension(crossAxis),
crossAxisOwnerSize,
ownerWidth)
.unwrap()
: totalLineCrossDim + paddingAndBorderAxisCross;
const float innerCrossDim = boundAxis(
node,
crossAxis,
direction,
unclampedCrossDim,
crossAxisOwnerSize,
ownerWidth) -
paddingAndBorderAxisCross;
const float remainingAlignContentDim = innerCrossDim - totalLineCrossDim;
const auto alignContent = remainingAlignContentDim >= 0
? node->style().alignContent()
: fallbackAlignment(node->style().alignContent());
switch (alignContent) {
case Align::FlexEnd:
currentLead += remainingAlignContentDim;
break;
case Align::Center:
currentLead += remainingAlignContentDim / 2;
break;
case Align::Stretch:
extraSpacePerLine =
remainingAlignContentDim / static_cast<float>(lineCount);
break;
case Align::SpaceAround:
currentLead +=
remainingAlignContentDim / (2 * static_cast<float>(lineCount));
leadPerLine = remainingAlignContentDim / static_cast<float>(lineCount);
break;
case Align::SpaceEvenly:
currentLead +=
remainingAlignContentDim / static_cast<float>(lineCount + 1);
leadPerLine =
remainingAlignContentDim / static_cast<float>(lineCount + 1);
break;
case Align::SpaceBetween:
if (lineCount > 1) {
leadPerLine =
remainingAlignContentDim / static_cast<float>(lineCount - 1);
}
break;
case Align::Auto:
case Align::FlexStart:
case Align::Baseline:
break;
}
Node::LayoutableChildren::Iterator endIterator =
node->getLayoutChildren().begin();
for (size_t i = 0; i < lineCount; i++) {
const Node::LayoutableChildren::Iterator startIterator = endIterator;
auto iterator = startIterator;
// compute the line's height and find the endIndex
float lineHeight = 0;
float maxAscentForCurrentLine = 0;
float maxDescentForCurrentLine = 0;
for (; iterator != node->getLayoutChildren().end(); iterator++) {
const auto child = *iterator;
if (child->style().display() == Display::None) {
continue;
}
if (child->style().positionType() != PositionType::Absolute) {
if (child->getLineIndex() != i) {
break;
}
if (child->isLayoutDimensionDefined(crossAxis)) {
lineHeight = yoga::maxOrDefined(
lineHeight,
child->getLayout().measuredDimension(dimension(crossAxis)) +
child->style().computeMarginForAxis(
crossAxis, availableInnerWidth));
}
if (resolveChildAlignment(node, child) == Align::Baseline) {
const float ascent = calculateBaseline(child) +
child->style().computeFlexStartMargin(
FlexDirection::Column, direction, availableInnerWidth);
const float descent =
child->getLayout().measuredDimension(Dimension::Height) +
child->style().computeMarginForAxis(
FlexDirection::Column, availableInnerWidth) -
ascent;
maxAscentForCurrentLine =
yoga::maxOrDefined(maxAscentForCurrentLine, ascent);
maxDescentForCurrentLine =
yoga::maxOrDefined(maxDescentForCurrentLine, descent);
lineHeight = yoga::maxOrDefined(
lineHeight, maxAscentForCurrentLine + maxDescentForCurrentLine);
}
}
}
endIterator = iterator;
currentLead += i != 0 ? crossAxisGap : 0;
lineHeight += extraSpacePerLine;
for (iterator = startIterator; iterator != endIterator; iterator++) {
const auto child = *iterator;
if (child->style().display() == Display::None) {
continue;
}
if (child->style().positionType() != PositionType::Absolute) {
switch (resolveChildAlignment(node, child)) {
case Align::FlexStart: {
child->setLayoutPosition(
currentLead +
child->style().computeFlexStartPosition(
crossAxis, direction, availableInnerWidth),
flexStartEdge(crossAxis));
break;
}
case Align::FlexEnd: {
child->setLayoutPosition(
currentLead + lineHeight -
child->style().computeFlexEndMargin(
crossAxis, direction, availableInnerWidth) -
child->getLayout().measuredDimension(
dimension(crossAxis)),
flexStartEdge(crossAxis));
break;
}
case Align::Center: {
float childHeight =
child->getLayout().measuredDimension(dimension(crossAxis));
child->setLayoutPosition(
currentLead + (lineHeight - childHeight) / 2,
flexStartEdge(crossAxis));
break;
}
case Align::Stretch: {
child->setLayoutPosition(
currentLead +
child->style().computeFlexStartMargin(
crossAxis, direction, availableInnerWidth),
flexStartEdge(crossAxis));
// Remeasure child with the line height as it as been only
// measured with the owners height yet.
if (!child->hasDefiniteLength(
dimension(crossAxis), availableInnerCrossDim)) {
const float childWidth = isMainAxisRow
? (child->getLayout().measuredDimension(Dimension::Width) +
child->style().computeMarginForAxis(
mainAxis, availableInnerWidth))
: leadPerLine + lineHeight;
const float childHeight = !isMainAxisRow
? (child->getLayout().measuredDimension(Dimension::Height) +
child->style().computeMarginForAxis(
crossAxis, availableInnerWidth))
: leadPerLine + lineHeight;
if (!(yoga::inexactEquals(
childWidth,
child->getLayout().measuredDimension(
Dimension::Width)) &&
yoga::inexactEquals(
childHeight,
child->getLayout().measuredDimension(
Dimension::Height)))) {
calculateLayoutInternal(
child,
childWidth,
childHeight,
direction,
SizingMode::StretchFit,
SizingMode::StretchFit,
availableInnerWidth,
availableInnerHeight,
true,
LayoutPassReason::kMultilineStretch,
layoutMarkerData,
depth,
generationCount);
}
}
break;
}
case Align::Baseline: {
child->setLayoutPosition(
currentLead + maxAscentForCurrentLine -
calculateBaseline(child) +
child->style().computeFlexStartPosition(
FlexDirection::Column,
direction,
availableInnerCrossDim),
PhysicalEdge::Top);
break;
}
case Align::Auto:
case Align::SpaceBetween:
case Align::SpaceAround:
case Align::SpaceEvenly:
break;
}
}
}
currentLead = currentLead + leadPerLine + lineHeight;
}
}
// STEP 9: COMPUTING FINAL DIMENSIONS
node->setLayoutMeasuredDimension(
boundAxis(
node,
FlexDirection::Row,
direction,
availableWidth - marginAxisRow,
ownerWidth,
ownerWidth),
Dimension::Width);
node->setLayoutMeasuredDimension(
boundAxis(
node,
FlexDirection::Column,
direction,
availableHeight - marginAxisColumn,
ownerHeight,
ownerWidth),
Dimension::Height);
// If the user didn't specify a width or height for the node, set the
// dimensions based on the children.
if (sizingModeMainDim == SizingMode::MaxContent ||
(node->style().overflow() != Overflow::Scroll &&
sizingModeMainDim == SizingMode::FitContent)) {
// Clamp the size to the min/max size, if specified, and make sure it
// doesn't go below the padding and border amount.
node->setLayoutMeasuredDimension(
boundAxis(
node,
mainAxis,
direction,
maxLineMainDim,
mainAxisOwnerSize,
ownerWidth),
dimension(mainAxis));
} else if (
sizingModeMainDim == SizingMode::FitContent &&
node->style().overflow() == Overflow::Scroll) {
node->setLayoutMeasuredDimension(
yoga::maxOrDefined(
yoga::minOrDefined(
availableInnerMainDim + paddingAndBorderAxisMain,
boundAxisWithinMinAndMax(
node,
direction,
mainAxis,
FloatOptional{maxLineMainDim},
mainAxisOwnerSize,
ownerWidth)
.unwrap()),
paddingAndBorderAxisMain),
dimension(mainAxis));
}
if (sizingModeCrossDim == SizingMode::MaxContent ||
(node->style().overflow() != Overflow::Scroll &&
sizingModeCrossDim == SizingMode::FitContent)) {
// Clamp the size to the min/max size, if specified, and make sure it
// doesn't go below the padding and border amount.
node->setLayoutMeasuredDimension(
boundAxis(
node,
crossAxis,
direction,
totalLineCrossDim + paddingAndBorderAxisCross,
crossAxisOwnerSize,
ownerWidth),
dimension(crossAxis));
} else if (
sizingModeCrossDim == SizingMode::FitContent &&
node->style().overflow() == Overflow::Scroll) {
node->setLayoutMeasuredDimension(
yoga::maxOrDefined(
yoga::minOrDefined(
availableInnerCrossDim + paddingAndBorderAxisCross,
boundAxisWithinMinAndMax(
node,
direction,
crossAxis,
FloatOptional{
totalLineCrossDim + paddingAndBorderAxisCross},
crossAxisOwnerSize,
ownerWidth)
.unwrap()),
paddingAndBorderAxisCross),
dimension(crossAxis));
}
// As we only wrapped in normal direction yet, we need to reverse the
// positions on wrap-reverse.
if (performLayout && node->style().flexWrap() == Wrap::WrapReverse) {
for (auto child : node->getLayoutChildren()) {
if (child->style().positionType() != PositionType::Absolute) {
child->setLayoutPosition(
node->getLayout().measuredDimension(dimension(crossAxis)) -
child->getLayout().position(flexStartEdge(crossAxis)) -
child->getLayout().measuredDimension(dimension(crossAxis)),
flexStartEdge(crossAxis));
}
}
}
if (performLayout) {
// STEP 10: SETTING TRAILING POSITIONS FOR CHILDREN
const bool needsMainTrailingPos = needsTrailingPosition(mainAxis);
const bool needsCrossTrailingPos = needsTrailingPosition(crossAxis);
if (needsMainTrailingPos || needsCrossTrailingPos) {
for (auto child : node->getLayoutChildren()) {
// Absolute children will be handled by their containing block since we
// cannot guarantee that their positions are set when their parents are
// done with layout.
if (child->style().display() == Display::None ||
child->style().positionType() == PositionType::Absolute) {
continue;
}
if (needsMainTrailingPos) {
setChildTrailingPosition(node, child, mainAxis);
}
if (needsCrossTrailingPos) {
setChildTrailingPosition(node, child, crossAxis);
}
}
}
// STEP 11: SIZING AND POSITIONING ABSOLUTE CHILDREN
// Let the containing block layout its absolute descendants.
if (node->style().positionType() != PositionType::Static ||
node->alwaysFormsContainingBlock() || depth == 1) {
layoutAbsoluteDescendants(
node,
node,
isMainAxisRow ? sizingModeMainDim : sizingModeCrossDim,
direction,
layoutMarkerData,
depth,
generationCount,
0.0f,
0.0f,
availableInnerWidth,
availableInnerHeight);
}
}
}
//
// This is a wrapper around the calculateLayoutImpl function. It determines
// whether the layout request is redundant and can be skipped.
//
// Parameters:
// Input parameters are the same as calculateLayoutImpl (see above)
// Return parameter is true if layout was performed, false if skipped
//
bool calculateLayoutInternal(
yoga::Node* const node,
const float availableWidth,
const float availableHeight,
const Direction ownerDirection,
const SizingMode widthSizingMode,
const SizingMode heightSizingMode,
const float ownerWidth,
const float ownerHeight,
const bool performLayout,
const LayoutPassReason reason,
LayoutData& layoutMarkerData,
uint32_t depth,
const uint32_t generationCount) {
LayoutResults* layout = &node->getLayout();
depth++;
const bool needToVisitNode =
(node->isDirty() && layout->generationCount != generationCount) ||
layout->configVersion != node->getConfig()->getVersion() ||
layout->lastOwnerDirection != ownerDirection;
if (needToVisitNode) {
// Invalidate the cached results.
layout->nextCachedMeasurementsIndex = 0;
layout->cachedLayout.availableWidth = -1;
layout->cachedLayout.availableHeight = -1;
layout->cachedLayout.widthSizingMode = SizingMode::MaxContent;
layout->cachedLayout.heightSizingMode = SizingMode::MaxContent;
layout->cachedLayout.computedWidth = -1;
layout->cachedLayout.computedHeight = -1;
}
CachedMeasurement* cachedResults = nullptr;
// Determine whether the results are already cached. We maintain a separate
// cache for layouts and measurements. A layout operation modifies the
// positions and dimensions for nodes in the subtree. The algorithm assumes
// that each node gets laid out a maximum of one time per tree layout, but
// multiple measurements may be required to resolve all of the flex
// dimensions. We handle nodes with measure functions specially here because
// they are the most expensive to measure, so it's worth avoiding redundant
// measurements if at all possible.
if (node->hasMeasureFunc()) {
const float marginAxisRow =
node->style().computeMarginForAxis(FlexDirection::Row, ownerWidth);
const float marginAxisColumn =
node->style().computeMarginForAxis(FlexDirection::Column, ownerWidth);
// First, try to use the layout cache.
if (canUseCachedMeasurement(
widthSizingMode,
availableWidth,
heightSizingMode,
availableHeight,
layout->cachedLayout.widthSizingMode,
layout->cachedLayout.availableWidth,
layout->cachedLayout.heightSizingMode,
layout->cachedLayout.availableHeight,
layout->cachedLayout.computedWidth,
layout->cachedLayout.computedHeight,
marginAxisRow,
marginAxisColumn,
node->getConfig())) {
cachedResults = &layout->cachedLayout;
} else {
// Try to use the measurement cache.
for (size_t i = 0; i < layout->nextCachedMeasurementsIndex; i++) {
if (canUseCachedMeasurement(
widthSizingMode,
availableWidth,
heightSizingMode,
availableHeight,
layout->cachedMeasurements[i].widthSizingMode,
layout->cachedMeasurements[i].availableWidth,
layout->cachedMeasurements[i].heightSizingMode,
layout->cachedMeasurements[i].availableHeight,
layout->cachedMeasurements[i].computedWidth,
layout->cachedMeasurements[i].computedHeight,
marginAxisRow,
marginAxisColumn,
node->getConfig())) {
cachedResults = &layout->cachedMeasurements[i];
break;
}
}
}
} else if (performLayout) {
if (yoga::inexactEquals(
layout->cachedLayout.availableWidth, availableWidth) &&
yoga::inexactEquals(
layout->cachedLayout.availableHeight, availableHeight) &&
layout->cachedLayout.widthSizingMode == widthSizingMode &&
layout->cachedLayout.heightSizingMode == heightSizingMode) {
cachedResults = &layout->cachedLayout;
}
} else {
for (uint32_t i = 0; i < layout->nextCachedMeasurementsIndex; i++) {
if (yoga::inexactEquals(
layout->cachedMeasurements[i].availableWidth, availableWidth) &&
yoga::inexactEquals(
layout->cachedMeasurements[i].availableHeight, availableHeight) &&
layout->cachedMeasurements[i].widthSizingMode == widthSizingMode &&
layout->cachedMeasurements[i].heightSizingMode == heightSizingMode) {
cachedResults = &layout->cachedMeasurements[i];
break;
}
}
}
if (!needToVisitNode && cachedResults != nullptr) {
layout->setMeasuredDimension(
Dimension::Width, cachedResults->computedWidth);
layout->setMeasuredDimension(
Dimension::Height, cachedResults->computedHeight);
(performLayout ? layoutMarkerData.cachedLayouts
: layoutMarkerData.cachedMeasures) += 1;
} else {
calculateLayoutImpl(
node,
availableWidth,
availableHeight,
ownerDirection,
widthSizingMode,
heightSizingMode,
ownerWidth,
ownerHeight,
performLayout,
reason,
layoutMarkerData,
depth,
generationCount);
layout->lastOwnerDirection = ownerDirection;
layout->configVersion = node->getConfig()->getVersion();
if (cachedResults == nullptr) {
layoutMarkerData.maxMeasureCache = std::max(
layoutMarkerData.maxMeasureCache,
layout->nextCachedMeasurementsIndex + 1u);
if (layout->nextCachedMeasurementsIndex ==
LayoutResults::MaxCachedMeasurements) {
layout->nextCachedMeasurementsIndex = 0;
}
CachedMeasurement* newCacheEntry = nullptr;
if (performLayout) {
// Use the single layout cache entry.
newCacheEntry = &layout->cachedLayout;
} else {
// Allocate a new measurement cache entry.
newCacheEntry =
&layout->cachedMeasurements[layout->nextCachedMeasurementsIndex];
layout->nextCachedMeasurementsIndex++;
}
newCacheEntry->availableWidth = availableWidth;
newCacheEntry->availableHeight = availableHeight;
newCacheEntry->widthSizingMode = widthSizingMode;
newCacheEntry->heightSizingMode = heightSizingMode;
newCacheEntry->computedWidth =
layout->measuredDimension(Dimension::Width);
newCacheEntry->computedHeight =
layout->measuredDimension(Dimension::Height);
}
}
if (performLayout) {
node->setLayoutDimension(
node->getLayout().measuredDimension(Dimension::Width),
Dimension::Width);
node->setLayoutDimension(
node->getLayout().measuredDimension(Dimension::Height),
Dimension::Height);
node->setHasNewLayout(true);
node->setDirty(false);
}
layout->generationCount = generationCount;
LayoutType layoutType;
if (performLayout) {
layoutType = !needToVisitNode && cachedResults == &layout->cachedLayout
? LayoutType::kCachedLayout
: LayoutType::kLayout;
} else {
layoutType = cachedResults != nullptr ? LayoutType::kCachedMeasure
: LayoutType::kMeasure;
}
Event::publish<Event::NodeLayout>(node, {layoutType});
return (needToVisitNode || cachedResults == nullptr);
}
void calculateLayout(
yoga::Node* const node,
const float ownerWidth,
const float ownerHeight,
const Direction ownerDirection) {
Event::publish<Event::LayoutPassStart>(node);
LayoutData markerData = {};
// Increment the generation count. This will force the recursive routine to
// visit all dirty nodes at least once. Subsequent visits will be skipped if
// the input parameters don't change.
gCurrentGenerationCount.fetch_add(1, std::memory_order_relaxed);
node->processDimensions();
const Direction direction = node->resolveDirection(ownerDirection);
float width = YGUndefined;
SizingMode widthSizingMode = SizingMode::MaxContent;
const auto& style = node->style();
if (node->hasDefiniteLength(Dimension::Width, ownerWidth)) {
width =
(node->getResolvedDimension(
direction,
dimension(FlexDirection::Row),
ownerWidth,
ownerWidth)
.unwrap() +
node->style().computeMarginForAxis(FlexDirection::Row, ownerWidth));
widthSizingMode = SizingMode::StretchFit;
} else if (style
.resolvedMaxDimension(
direction, Dimension::Width, ownerWidth, ownerWidth)
.isDefined()) {
width = style
.resolvedMaxDimension(
direction, Dimension::Width, ownerWidth, ownerWidth)
.unwrap();
widthSizingMode = SizingMode::FitContent;
} else {
width = ownerWidth;
widthSizingMode = yoga::isUndefined(width) ? SizingMode::MaxContent
: SizingMode::StretchFit;
}
float height = YGUndefined;
SizingMode heightSizingMode = SizingMode::MaxContent;
if (node->hasDefiniteLength(Dimension::Height, ownerHeight)) {
height =
(node->getResolvedDimension(
direction,
dimension(FlexDirection::Column),
ownerHeight,
ownerWidth)
.unwrap() +
node->style().computeMarginForAxis(FlexDirection::Column, ownerWidth));
heightSizingMode = SizingMode::StretchFit;
} else if (style
.resolvedMaxDimension(
direction, Dimension::Height, ownerHeight, ownerWidth)
.isDefined()) {
height = style
.resolvedMaxDimension(
direction, Dimension::Height, ownerHeight, ownerWidth)
.unwrap();
heightSizingMode = SizingMode::FitContent;
} else {
height = ownerHeight;
heightSizingMode = yoga::isUndefined(height) ? SizingMode::MaxContent
: SizingMode::StretchFit;
}
if (calculateLayoutInternal(
node,
width,
height,
ownerDirection,
widthSizingMode,
heightSizingMode,
ownerWidth,
ownerHeight,
true,
LayoutPassReason::kInitial,
markerData,
0, // tree root
gCurrentGenerationCount.load(std::memory_order_relaxed))) {
node->setPosition(node->getLayout().direction(), ownerWidth, ownerHeight);
roundLayoutResultsToPixelGrid(node, 0.0f, 0.0f);
}
Event::publish<Event::LayoutPassEnd>(node, {&markerData});
}
} // namespace facebook::yoga
Reference in New Issue View Git Blame Copy Permalink