fix:flex布局flexDirection是row场景下，子元素包含和不含overflow:hidden且宽度超过父控件时ui样式显示…

…不对的问题
openwebf · Jan 11, 2025 · 430e756 · 430e756
1 parent 35d4348
commit 430e756
Showing 1 changed file with 49 additions and 3 deletions.
diff --git a/webf/lib/src/rendering/flex.dart b/webf/lib/src/rendering/flex.dart
@@ -760,6 +760,9 @@ class RenderFlexLayout extends RenderLayoutBox {
     // Info about each flex item in each flex line
     Map<int?, _RunChild> runChildren = {};
 
+    List<int> overflowHiddenNodeId = [];
+    double overflowHiddenNodeTotalMinWidth = 0;
+    double overflowNotHiddenNodeTotalWidth = 0;
     for (RenderBox child in children) {
       final RenderLayoutParentData? childParentData = child.parentData as RenderLayoutParentData?;
       BoxConstraints childConstraints;
@@ -847,8 +850,8 @@ class RenderFlexLayout extends RenderLayoutBox {
       // Baseline alignment in column direction behave the same as flex-start.
       AlignSelf alignSelf = _getAlignSelf(child);
       bool isBaselineAlign = alignSelf == AlignSelf.baseline || renderStyle.alignItems == AlignItems.baseline;
-
-      if (_isHorizontalFlexDirection && isBaselineAlign) {
+      bool isHorizontal = _isHorizontalFlexDirection;
+      if (isHorizontal && isBaselineAlign) {
         // Distance from top to baseline of child
         double childAscent = _getChildAscent(child);
         double? childMarginTop = 0;
@@ -870,9 +873,10 @@ class RenderFlexLayout extends RenderLayoutBox {
         runCrossAxisExtent = math.max(runCrossAxisExtent, childCrossAxisExtent);
       }
 
+      double _originalMainSize = _getMainSize(child, shouldUseIntrinsicMainSize: true);
       runChildren[childNodeId] = _RunChild(
         child,
-        _getMainSize(child, shouldUseIntrinsicMainSize: true),
+        _originalMainSize,
         0,
         false,
       );
@@ -889,9 +893,51 @@ class RenderFlexLayout extends RenderLayoutBox {
       if (flexShrink > 0) {
         totalFlexShrink += flexShrink;
       }
+      if (isHorizontal && child is RenderBoxModel) {
+        if (child.renderStyle.overflowX == CSSOverflowType.hidden) {
+          overflowHiddenNodeId.add(childNodeId);
+          overflowHiddenNodeTotalMinWidth += child.contentConstraints?.minWidth ?? 0;
+        } else {
+          overflowNotHiddenNodeTotalWidth += _originalMainSize;
+        }
+      }
     }
 
     if (runChildren.isNotEmpty) {
+      if (overflowHiddenNodeId.isNotEmpty && runMainAxisExtent > flexLineLimit && overflowHiddenNodeTotalMinWidth < flexLineLimit) {
+        int _overflowNodeSize = overflowHiddenNodeId.length;
+        double overWidth = flexLineLimit - overflowNotHiddenNodeTotalWidth;
+        double avgOverWidth = overWidth / _overflowNodeSize;
+        int index = 0;
+        for (int nodeId in overflowHiddenNodeId) {
+          _RunChild? _runChild = runChildren[nodeId];
+          if (_runChild != null) {
+            index += 1;
+            if (overWidth <= 0) {// 剩余宽度少于0情况
+              BoxConstraints oldConstraints = _runChild.child.constraints;
+              double _minWidth = oldConstraints.minWidth;
+              _runChild.child.layout(BoxConstraints(minWidth: _minWidth, maxWidth: _minWidth, minHeight: oldConstraints.minHeight, maxHeight: oldConstraints.maxHeight), parentUsesSize: true);
+              _runChild.originalMainSize = _minWidth;
+              _childrenIntrinsicMainSizes[nodeId] = _minWidth;
+            } else if (_runChild.originalMainSize <= avgOverWidth) {// 子控件实际宽度小于剩余宽度的平均值情况
+              // child不需要做layout计算，调整平均值
+              overWidth -= _runChild.originalMainSize;
+              avgOverWidth = overWidth / (_overflowNodeSize - index);
+            } else {
+              BoxConstraints oldConstraints = _runChild.child.constraints;
+              double _minWidth = oldConstraints.minWidth;
+              double _maxWidth = avgOverWidth;
+              if (_minWidth > _maxWidth) {
+                _maxWidth = _minWidth;
+              }
+              _runChild.child.layout(BoxConstraints(minWidth: _minWidth, maxWidth: _maxWidth, minHeight: oldConstraints.minHeight, maxHeight: oldConstraints.maxHeight), parentUsesSize: true);
+              _runChild.originalMainSize = avgOverWidth;
+              _childrenIntrinsicMainSizes[nodeId] = avgOverWidth;
+            }
+          }
+        }
+        runMainAxisExtent = flexLineLimit;
+      }
       _runMetrics.add(_RunMetrics(
           runMainAxisExtent, runCrossAxisExtent, totalFlexGrow, totalFlexShrink, maxSizeAboveBaseline, runChildren, 0));
     }