fix(ios): prevent SwiftUI filter content collapse

Author: lujjjh

packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm

@@ -23,6 +23,7 @@
 #import <React/RCTLocalizedString.h>
 #import <React/RCTLog.h>
 #import <React/RCTRadialGradient.h>
+#import <React/UIView+React.h>
 #import <react/featureflags/ReactNativeFeatureFlags.h>
 #import <react/renderer/components/view/ViewComponentDescriptor.h>
 #import <react/renderer/components/view/ViewEventEmitter.h>
@@ -726,6 +727,23 @@ - (void)prepareForRecycle
   _layoutMetrics = {};
 }
 
+- (void)updateSwiftUIWrapperAttachment
+{
+  if (_swiftUIWrapper == nullptr) {
+    return;
+  }
+
+  if (self.window == nil) {
+    [_swiftUIWrapper detachFromParentViewController];
+    return;
+  }
+
+  UIViewController *parentViewController = self.reactViewController;
+  if (parentViewController != nil) {
+    [_swiftUIWrapper attachToParentViewController:parentViewController inContainerView:self];
+  }
+}
+
 - (void)setPropKeysManagedByAnimated_DO_NOT_USE_THIS_IS_BROKEN:(NSSet<NSString *> *_Nullable)props
 {
   _propKeysManagedByAnimated_DO_NOT_USE_THIS_IS_BROKEN = props;
@@ -927,7 +945,7 @@ - (UIView *)effectiveContentView
       self.layer.mask = nil;
       [_swiftUIWrapper updateContentView:swiftUIContentView];
       [_swiftUIWrapper updateLayoutWithBounds:self.bounds];
-      [self addSubview:_swiftUIWrapper.hostingView];
+      [self updateSwiftUIWrapperAttachment];
 
       [self transferVisualPropertiesFromView:self toView:swiftUIContentView];
     }
@@ -944,7 +962,7 @@ - (UIView *)effectiveContentView
 
       [self transferVisualPropertiesFromView:swiftUIContentView toView:self];
 
-      [_swiftUIWrapper.hostingView removeFromSuperview];
+      [_swiftUIWrapper detachFromParentViewController];
       _swiftUIWrapper = nil;
     }
   }
@@ -1401,6 +1419,12 @@ - (void)didMoveToSuperview
   }
 }
 
+- (void)didMoveToWindow
+{
+  [super didMoveToWindow];
+  [self updateSwiftUIWrapperAttachment];
+}
+
 - (void)updateAccessibilityElements
 {
   if ([_accessibilityOrderNativeIDs count] == 0) {

packages/react-native/ReactApple/RCTSwiftUI/RCTSwiftUIContainerView.swift

@@ -29,6 +29,33 @@ import UIKit
     return hostingController?.view
   }
 
+  @objc public func attach(to parentViewController: UIViewController, in containerView: UIView) {
+    guard let hostingController else {
+      return
+    }
+
+    if hostingController.parent === parentViewController && hostingController.view.superview === containerView {
+      return
+    }
+
+    detachFromParentViewController()
+    parentViewController.addChild(hostingController)
+    containerView.addSubview(hostingController.view)
+    hostingController.didMove(toParent: parentViewController)
+  }
+
+  @objc public func detachFromParentViewController() {
+    guard let hostingController else {
+      return
+    }
+
+    if hostingController.parent != nil {
+      hostingController.willMove(toParent: nil)
+    }
+    hostingController.view.removeFromSuperview()
+    hostingController.removeFromParent()
+  }
+
   @objc public func contentView() -> UIView? {
     return containerViewModel.contentView
   }

packages/react-native/ReactApple/RCTSwiftUIWrapper/RCTSwiftUIContainerViewWrapper.h

@@ -21,6 +21,8 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)updateHueRotate:(NSNumber *)degrees;
 - (void)updateContentView:(UIView *)view;
 - (UIView *_Nullable)hostingView;
+- (void)attachToParentViewController:(UIViewController *)parentViewController inContainerView:(UIView *)containerView;
+- (void)detachFromParentViewController;
 - (void)resetStyles;
 - (void)updateLayoutWithBounds:(CGRect)bounds;
 

packages/react-native/ReactApple/RCTSwiftUIWrapper/RCTSwiftUIContainerViewWrapper.m

@@ -33,6 +33,16 @@ - (UIView *_Nullable)hostingView
   return [self.swiftContainerView hostingView];
 }
 
+- (void)attachToParentViewController:(UIViewController *)parentViewController inContainerView:(UIView *)containerView
+{
+  [self.swiftContainerView attachTo:parentViewController in:containerView];
+}
+
+- (void)detachFromParentViewController
+{
+  [self.swiftContainerView detachFromParentViewController];
+}
+
 - (void)resetStyles
 {
   [self.swiftContainerView resetStyles];