Stop SwiftUI-based filters from insetting content by the safe area

UIHostingController insets its root view by the safe area, so a filtered view
had its content moved down and shrunk whenever the view overlapped a safe area
edge. A filter must not affect layout.

Set `safeAreaRegions = []` on the hosting controller to opt out, and gate the
SwiftUI filter container at iOS 16.4, the first version where that property
exists. Below 16.4 the filters that need the container stay no-ops, which
matches the behavior before `enableSwiftUIBasedFilters` existed.

`safeAreaRegions` is declared `@available(iOS 16.4, tvOS 16.4, *)`, so both
checks name tvOS. Without the tvOS clause the Swift file fails to build for
tvOS.

Author: intergalacticspacehighway

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

@@ -1746,7 +1746,13 @@ - (NSString *)componentViewName_DO_NOT_USE_THIS_IS_BROKEN
 
 - (BOOL)styleNeedsSwiftUIContainer
 {
-  if (!_props->filter.empty()) {
+  if (_props->filter.empty()) {
+    return NO;
+  }
+
+  // A filter must not affect layout, but UIHostingController insets its content by the safe area.
+  // To disable the insets we use `safeAreaRegions` which is only available in iOS 16.4 and tvOS 16.4.
+  if (@available(iOS 16.4, tvOS 16.4, *)) {
     for (const auto &primitive : _props->filter) {
       if (primitive.type == FilterType::Blur || primitive.type == FilterType::Grayscale ||
           primitive.type == FilterType::DropShadow || primitive.type == FilterType::Saturate ||
@@ -1755,6 +1761,7 @@ - (BOOL)styleNeedsSwiftUIContainer
       }
     }
   }
+
   return NO;
 }
 

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

@@ -14,8 +14,13 @@ import UIKit
 
   @objc public override init() {
     super.init()
-    hostingController = UIHostingController(rootView: SwiftUIContainerView(viewModel: containerViewModel))
-    guard let view = hostingController?.view else {
+    let controller = UIHostingController(rootView: SwiftUIContainerView(viewModel: containerViewModel))
+    if #available(iOS 16.4, tvOS 16.4, *) {
+      // Disable implicit safe area insets or else the view is shifted by the safe area insets
+      controller.safeAreaRegions = []
+    }
+    hostingController = controller
+    guard let view = controller.view else {
       return
     }
     view.backgroundColor = .clear