@sbaiahmed1/react-native-blur 4.6.1-beta.2 → 4.6.1-beta.4

package/ios/Views/AdvancedBlurView.swift

@@ -1,11 +1,8 @@
-import SwiftUI
 import UIKit
 
-// MARK: - UIKit Wrapper for Blur
-
 @objc public class AdvancedBlurView: UIView {
-
-  private var hostingController: UIHostingController<BasicColoredView>?
+  private let blurEffectView = BlurEffectView(effect: nil)
+  private let fallbackView = UIView()
 
   @objc public var blurAmount: Double = 10.0 {
     didSet {
@@ -29,79 +26,63 @@ import UIKit
     didSet {
       updateView()
     }
- }
+  }
 
   public override init(frame: CGRect) {
     super.init(frame: frame)
+    setupViews()
   }
 
   required init?(coder: NSCoder) {
     super.init(coder: coder)
+    setupViews()
   }
 
-  public override func layoutSubviews() {
-    super.layoutSubviews()
-    // Defer controller setup until we have a valid frame to avoid issues with initial render
-    // in complex layouts (e.g. FlashList with dynamic content)
-    if hostingController == nil && bounds.width > 0 && bounds.height > 0 {
-      setupHostingController()
-    }
+  private func setupViews() {
+    blurEffectView.isUserInteractionEnabled = false
+    fallbackView.isUserInteractionEnabled = false
+    addSubview(fallbackView)
+    addSubview(blurEffectView)
+    syncBackgroundLayersToBack()
+    updateView()
   }
 
-  private func setupHostingController() {
-    // Completely remove old hosting controller
-    if let oldHosting = hostingController {
-      oldHosting.view.removeFromSuperview()
-      oldHosting.removeFromParent()
+  private func syncBackgroundLayersToBack() {
+    if fallbackView.superview === self {
+      sendSubviewToBack(fallbackView)
+    }
+    if blurEffectView.superview === self {
+      sendSubviewToBack(blurEffectView)
     }
-    hostingController = nil
+  }
 
-    let blurStyle = blurStyleFromString(blurTypeString)
-    let swiftUIView = BasicColoredView(
-      blurAmount: blurAmount,
-      blurStyle: blurStyle,
-      ignoreSafeArea: ignoreSafeArea,
-      reducedTransparencyFallbackColor: reducedTransparencyFallbackColor
-    )
-
-    let hosting = UIHostingController(rootView: swiftUIView)
-    hosting.view.backgroundColor = .clear
-    hosting.view.translatesAutoresizingMaskIntoConstraints = false
-
-    // Insert at index 0 to ensure it stays behind any potential subviews (though usually this view has no children)
-    // This fixes the z-ordering bug where blur covers content
-    if !subviews.isEmpty {
-        insertSubview(hosting.view, at: 0)
-    } else {
-        addSubview(hosting.view)
+  public override func didAddSubview(_ subview: UIView) {
+    super.didAddSubview(subview)
+    if subview !== blurEffectView && subview !== fallbackView {
+      syncBackgroundLayersToBack()
     }
-    
-    NSLayoutConstraint.activate([
-      hosting.view.topAnchor.constraint(equalTo: topAnchor),
-      hosting.view.leadingAnchor.constraint(equalTo: leadingAnchor),
-      hosting.view.trailingAnchor.constraint(equalTo: trailingAnchor),
-      hosting.view.bottomAnchor.constraint(equalTo: bottomAnchor)
-    ])
-
-    self.hostingController = hosting
+  }
+
+  public override func layoutSubviews() {
+    super.layoutSubviews()
+    fallbackView.frame = bounds
+    blurEffectView.frame = bounds
   }
 
   private func updateView() {
-    if let hosting = hostingController {
-        // Update the existing controller's root view to avoid expensive recreation
-        // This fixes performance bottlenecks and state synchronization issues
-        let blurStyle = blurStyleFromString(blurTypeString)
-        let swiftUIView = BasicColoredView(
-          blurAmount: blurAmount,
-          blurStyle: blurStyle,
-          ignoreSafeArea: ignoreSafeArea,
-          reducedTransparencyFallbackColor: reducedTransparencyFallbackColor
-        )
-        hosting.rootView = swiftUIView
-        hosting.view.setNeedsLayout()
-    } else {
-        setupHostingController()
+    if UIAccessibility.isReduceTransparencyEnabled {
+      fallbackView.isHidden = false
+      blurEffectView.isHidden = true
+      fallbackView.backgroundColor = reducedTransparencyFallbackColor
+      return
     }
+
+    fallbackView.isHidden = true
+    blurEffectView.isHidden = false
+    let blurStyle = blurStyleFromString(blurTypeString)
+    let intensity = mapBlurAmountToIntensity(blurAmount)
+    blurEffectView.updateBlur(style: blurStyle, intensity: intensity)
+    blurEffectView.setNeedsDisplay()
   }
 
   public override func didMoveToSuperview() {
@@ -115,11 +96,5 @@ import UIKit
     }
   }
 
-  deinit {
-    if let hosting = hostingController {
-      hosting.view.removeFromSuperview()
-      hosting.removeFromParent()
-    }
-    hostingController = nil
-  }
+  deinit {}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbaiahmed1/react-native-blur",
-  "version": "4.6.1-beta.2",
+  "version": "4.6.1-beta.4",
   "description": "React native modern blur view",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",