@sbaiahmed1/react-native-blur 3.1.1 → 3.2.0

package/README.md

@@ -206,7 +206,7 @@ import { BlurView } from '@sbaiahmed1/react-native-blur';
 // Before - Expo dependency + limited Android
 import { BlurView } from 'expo-blur';
 
-<BlurView 
+<BlurView
   intensity={50}                // 0-100 intensity scale
   tint="light"                  // light, dark, default, system materials
   experimentalBlurMethod="dimezisBlurView" // Android experimental blur
@@ -218,7 +218,7 @@ import { BlurView } from 'expo-blur';
 // After - No dependencies + real Android blur
 import { BlurView } from '@sbaiahmed1/react-native-blur';
 
-<BlurView 
+<BlurView
   blurAmount={50}               // intensity → blurAmount (same scale)
   blurType="light"              // tint → blurType (same options + more)
   style={styles.absolute}
@@ -257,11 +257,11 @@ import { BlurView } from '@sbaiahmed1/react-native-blur';
 
 3. **Optional: Add liquid glass effects:**
    ```tsx
-   <BlurView 
-     type="liquidGlass" 
-     glassType="regular" 
-     glassTintColor="#007AFF" 
-     glassOpacity={0.8} 
+   <BlurView
+     type="liquidGlass"
+     glassType="regular"
+     glassTintColor="#007AFF"
+     glassOpacity={0.8}
    />
    ```
 
@@ -443,6 +443,7 @@ All props are optional and have sensible defaults.
 | `glassType` | `GlassType` | `'clear'` | The type of glass effect |
 | `glassTintColor` | `string` | `'clear'` | The tint color for glass effect |
 | `glassOpacity` | `number` | `1.0` | The opacity of glass effect (0-1) |
+| `ignoreSafeArea` | `boolean` | `false` | (iOS only) Controls whether the liquid glass effect should ignore all safe area edges or stops once it reaches it |
 | `isInteractive` | `boolean` | `true` | (iOS only) Controls whether the liquid glass effect is interactive. When `false`, the liquid glass effect will not react to touch or movement. Only applicable when `type` is `'liquidGlass'` and iOS 26+. |
 | `reducedTransparencyFallbackColor` | `string` | `'#FFFFFF'` | Fallback color when reduced transparency is enabled |
 | `style` | `ViewStyle` | `undefined` | Style object for the blur view |
@@ -480,7 +481,7 @@ On iOS, this component has been completely rewritten using **SwiftUI** for moder
 - **SwiftUI Integration**: Leverages SwiftUI's declarative UI for better performance and maintainability
 
 ### Android
-On Android, the component uses the BlurView library to provide real blur effects with hardware acceleration. The implementation supports multiple blur algorithms and gracefully falls back to translucent overlay approximation on devices with limited graphics capabilities. 
+On Android, the component uses the BlurView library to provide real blur effects with hardware acceleration. The implementation supports multiple blur algorithms and gracefully falls back to translucent overlay approximation on devices with limited graphics capabilities.
 
 **⚠️ Liquid Glass Limitation**: Liquid glass effects (`type="liquidGlass"`) are **iOS 26+ exclusive**. On Android, they automatically fall back to enhanced blur with tint overlay to approximate the visual effect.
 

package/android/app/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNativeBlurViewManagerDelegate.java

@@ -22,14 +22,29 @@ public class ReactNativeBlurViewManagerDelegate<T extends View, U extends BaseVi
   @Override
   public void setProperty(T view, String propName, @Nullable Object value) {
     switch (propName) {
-      case "blurType":
-        mViewManager.setBlurType(view, (String) value);
+      case "glassTintColor":
+        mViewManager.setGlassTintColor(view, value == null ? "clear" : (String) value);
+        break;
+      case "glassOpacity":
+        mViewManager.setGlassOpacity(view, value == null ? 1f : ((Double) value).doubleValue());
         break;
       case "blurAmount":
         mViewManager.setBlurAmount(view, value == null ? 10f : ((Double) value).doubleValue());
         break;
+      case "type":
+        mViewManager.setType(view, (String) value);
+        break;
+      case "blurType":
+        mViewManager.setBlurType(view, (String) value);
+        break;
+      case "glassType":
+        mViewManager.setGlassType(view, (String) value);
+        break;
       case "reducedTransparencyFallbackColor":
-        mViewManager.setReducedTransparencyFallbackColor(view, value == null ? null : (String) value);
+        mViewManager.setReducedTransparencyFallbackColor(view, value == null ? "#FFFFFF" : (String) value);
+        break;
+      case "isInteractive":
+        mViewManager.setIsInteractive(view, value == null ? true : (boolean) value);
         break;
       default:
         super.setProperty(view, propName, value);

package/android/app/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNativeBlurViewManagerInterface.java

@@ -14,7 +14,12 @@ import androidx.annotation.Nullable;
 import com.facebook.react.uimanager.ViewManagerWithGeneratedInterface;
 
 public interface ReactNativeBlurViewManagerInterface<T extends View> extends ViewManagerWithGeneratedInterface {
-  void setBlurType(T view, @Nullable String value);
+  void setGlassTintColor(T view, @Nullable String value);
+  void setGlassOpacity(T view, double value);
   void setBlurAmount(T view, double value);
+  void setType(T view, @Nullable String value);
+  void setBlurType(T view, @Nullable String value);
+  void setGlassType(T view, @Nullable String value);
   void setReducedTransparencyFallbackColor(T view, @Nullable String value);
+  void setIsInteractive(T view, boolean value);
 }

package/android/app/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNativeGlassEffectContainerManagerDelegate.java

@@ -0,0 +1,53 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaDelegate.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class ReactNativeGlassEffectContainerManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ReactNativeGlassEffectContainerManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public ReactNativeGlassEffectContainerManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case "glassType":
+        mViewManager.setGlassType(view, (String) value);
+        break;
+      case "glassTintColor":
+        mViewManager.setGlassTintColor(view, value == null ? "clear" : (String) value);
+        break;
+      case "glassOpacity":
+        mViewManager.setGlassOpacity(view, value == null ? 1f : ((Double) value).doubleValue());
+        break;
+      case "isInteractive":
+        mViewManager.setIsInteractive(view, value == null ? true : (boolean) value);
+        break;
+      case "spacing":
+        mViewManager.setSpacing(view, value == null ? 8f : ((Double) value).doubleValue());
+        break;
+      case "enableMorphing":
+        mViewManager.setEnableMorphing(view, value == null ? true : (boolean) value);
+        break;
+      case "morphingDuration":
+        mViewManager.setMorphingDuration(view, value == null ? 300 : ((Double) value).intValue());
+        break;
+      case "reducedTransparencyFallbackColor":
+        mViewManager.setReducedTransparencyFallbackColor(view, value == null ? "#FFFFFF" : (String) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}

package/android/app/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNativeGlassEffectContainerManagerInterface.java

@@ -0,0 +1,25 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaInterface.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.ViewManagerWithGeneratedInterface;
+
+public interface ReactNativeGlassEffectContainerManagerInterface<T extends View> extends ViewManagerWithGeneratedInterface {
+  void setGlassType(T view, @Nullable String value);
+  void setGlassTintColor(T view, @Nullable String value);
+  void setGlassOpacity(T view, double value);
+  void setIsInteractive(T view, boolean value);
+  void setSpacing(T view, double value);
+  void setEnableMorphing(T view, boolean value);
+  void setMorphingDuration(T view, int value);
+  void setReducedTransparencyFallbackColor(T view, @Nullable String value);
+}

package/android/app/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNativeGlassViewManagerDelegate.java

@@ -0,0 +1,38 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaDelegate.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.BaseViewManager;
+import com.facebook.react.uimanager.BaseViewManagerDelegate;
+import com.facebook.react.uimanager.LayoutShadowNode;
+
+public class ReactNativeGlassViewManagerDelegate<T extends View, U extends BaseViewManager<T, ? extends LayoutShadowNode> & ReactNativeGlassViewManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
+  public ReactNativeGlassViewManagerDelegate(U viewManager) {
+    super(viewManager);
+  }
+  @Override
+  public void setProperty(T view, String propName, @Nullable Object value) {
+    switch (propName) {
+      case "glassType":
+        mViewManager.setGlassType(view, (String) value);
+        break;
+      case "glassAmount":
+        mViewManager.setGlassAmount(view, value == null ? 50f : ((Double) value).doubleValue());
+        break;
+      case "reducedTransparencyFallbackColor":
+        mViewManager.setReducedTransparencyFallbackColor(view, value == null ? null : (String) value);
+        break;
+      default:
+        super.setProperty(view, propName, value);
+    }
+  }
+}

package/android/app/build/generated/source/codegen/java/com/facebook/react/viewmanagers/ReactNativeGlassViewManagerInterface.java

@@ -0,0 +1,20 @@
+/**
+* This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+*
+* Do not edit this file as changes may cause incorrect behavior and will be lost
+* once the code is regenerated.
+*
+* @generated by codegen project: GeneratePropsJavaInterface.js
+*/
+
+package com.facebook.react.viewmanagers;
+
+import android.view.View;
+import androidx.annotation.Nullable;
+import com.facebook.react.uimanager.ViewManagerWithGeneratedInterface;
+
+public interface ReactNativeGlassViewManagerInterface<T extends View> extends ViewManagerWithGeneratedInterface {
+  void setGlassType(T view, @Nullable String value);
+  void setGlassAmount(T view, double value);
+  void setReducedTransparencyFallbackColor(T view, @Nullable String value);
+}

package/android/app/build/generated/source/codegen/jni/react/renderer/components/ReactNativeBlurViewSpec/ComponentDescriptors.cpp

@@ -17,6 +17,7 @@ namespace facebook::react {
 void ReactNativeBlurViewSpec_registerComponentDescriptorsFromCodegen(
   std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
 registry->add(concreteComponentDescriptorProvider<ReactNativeBlurViewComponentDescriptor>());
+registry->add(concreteComponentDescriptorProvider<ReactNativeGlassEffectContainerComponentDescriptor>());
 }
 
 } // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/react/renderer/components/ReactNativeBlurViewSpec/ComponentDescriptors.h

@@ -17,6 +17,7 @@
 namespace facebook::react {
 
 using ReactNativeBlurViewComponentDescriptor = ConcreteComponentDescriptor<ReactNativeBlurViewShadowNode>;
+using ReactNativeGlassEffectContainerComponentDescriptor = ConcreteComponentDescriptor<ReactNativeGlassEffectContainerShadowNode>;
 
 void ReactNativeBlurViewSpec_registerComponentDescriptorsFromCodegen(
   std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);

package/android/app/build/generated/source/codegen/jni/react/renderer/components/ReactNativeBlurViewSpec/EventEmitters.cpp

@@ -13,4 +13,5 @@
 
 namespace facebook::react {
 
+
 } // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/react/renderer/components/ReactNativeBlurViewSpec/EventEmitters.h

@@ -19,5 +19,12 @@ class ReactNativeBlurViewEventEmitter : public ViewEventEmitter {
 
   
   
+};
+class ReactNativeGlassEffectContainerEventEmitter : public ViewEventEmitter {
+ public:
+  using ViewEventEmitter::ViewEventEmitter;
+
+  
+  
 };
 } // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/react/renderer/components/ReactNativeBlurViewSpec/Props.cpp

@@ -19,9 +19,28 @@ ReactNativeBlurViewProps::ReactNativeBlurViewProps(
     const ReactNativeBlurViewProps &sourceProps,
     const RawProps &rawProps): ViewProps(context, sourceProps, rawProps),
 
-    blurType(convertRawProp(context, rawProps, "blurType", sourceProps.blurType, {ReactNativeBlurViewBlurType::Light})),
+    glassTintColor(convertRawProp(context, rawProps, "glassTintColor", sourceProps.glassTintColor, {"clear"})),
+    glassOpacity(convertRawProp(context, rawProps, "glassOpacity", sourceProps.glassOpacity, {1.0})),
     blurAmount(convertRawProp(context, rawProps, "blurAmount", sourceProps.blurAmount, {10.0})),
-    reducedTransparencyFallbackColor(convertRawProp(context, rawProps, "reducedTransparencyFallbackColor", sourceProps.reducedTransparencyFallbackColor, {}))
+    type(convertRawProp(context, rawProps, "type", sourceProps.type, {ReactNativeBlurViewType::Blur})),
+    blurType(convertRawProp(context, rawProps, "blurType", sourceProps.blurType, {ReactNativeBlurViewBlurType::Xlight})),
+    glassType(convertRawProp(context, rawProps, "glassType", sourceProps.glassType, {ReactNativeBlurViewGlassType::Clear})),
+    reducedTransparencyFallbackColor(convertRawProp(context, rawProps, "reducedTransparencyFallbackColor", sourceProps.reducedTransparencyFallbackColor, {"#FFFFFF"})),
+    isInteractive(convertRawProp(context, rawProps, "isInteractive", sourceProps.isInteractive, {true}))
+      {}
+ReactNativeGlassEffectContainerProps::ReactNativeGlassEffectContainerProps(
+    const PropsParserContext &context,
+    const ReactNativeGlassEffectContainerProps &sourceProps,
+    const RawProps &rawProps): ViewProps(context, sourceProps, rawProps),
+
+    glassType(convertRawProp(context, rawProps, "glassType", sourceProps.glassType, {ReactNativeGlassEffectContainerGlassType::Clear})),
+    glassTintColor(convertRawProp(context, rawProps, "glassTintColor", sourceProps.glassTintColor, {"clear"})),
+    glassOpacity(convertRawProp(context, rawProps, "glassOpacity", sourceProps.glassOpacity, {1.0})),
+    isInteractive(convertRawProp(context, rawProps, "isInteractive", sourceProps.isInteractive, {true})),
+    spacing(convertRawProp(context, rawProps, "spacing", sourceProps.spacing, {8.0})),
+    enableMorphing(convertRawProp(context, rawProps, "enableMorphing", sourceProps.enableMorphing, {true})),
+    morphingDuration(convertRawProp(context, rawProps, "morphingDuration", sourceProps.morphingDuration, {300})),
+    reducedTransparencyFallbackColor(convertRawProp(context, rawProps, "reducedTransparencyFallbackColor", sourceProps.reducedTransparencyFallbackColor, {"#FFFFFF"}))
       {}
 
 } // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/react/renderer/components/ReactNativeBlurViewSpec/Props.h

@@ -14,6 +14,21 @@
 
 namespace facebook::react {
 
+enum class ReactNativeBlurViewType { Blur, LiquidGlass };
+
+static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ReactNativeBlurViewType &result) {
+  auto string = (std::string)value;
+  if (string == "blur") { result = ReactNativeBlurViewType::Blur; return; }
+  if (string == "liquidGlass") { result = ReactNativeBlurViewType::LiquidGlass; return; }
+  abort();
+}
+
+static inline std::string toString(const ReactNativeBlurViewType &value) {
+  switch (value) {
+    case ReactNativeBlurViewType::Blur: return "blur";
+    case ReactNativeBlurViewType::LiquidGlass: return "liquidGlass";
+  }
+}
 enum class ReactNativeBlurViewBlurType { Xlight, Light, Dark, ExtraDark, Regular, Prominent, SystemUltraThinMaterial, SystemThinMaterial, SystemMaterial, SystemThickMaterial, SystemChromeMaterial };
 
 static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ReactNativeBlurViewBlurType &result) {
@@ -47,6 +62,21 @@ static inline std::string toString(const ReactNativeBlurViewBlurType &value) {
     case ReactNativeBlurViewBlurType::SystemChromeMaterial: return "systemChromeMaterial";
   }
 }
+enum class ReactNativeBlurViewGlassType { Clear, Regular };
+
+static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ReactNativeBlurViewGlassType &result) {
+  auto string = (std::string)value;
+  if (string == "clear") { result = ReactNativeBlurViewGlassType::Clear; return; }
+  if (string == "regular") { result = ReactNativeBlurViewGlassType::Regular; return; }
+  abort();
+}
+
+static inline std::string toString(const ReactNativeBlurViewGlassType &value) {
+  switch (value) {
+    case ReactNativeBlurViewGlassType::Clear: return "clear";
+    case ReactNativeBlurViewGlassType::Regular: return "regular";
+  }
+}
 
 class ReactNativeBlurViewProps final : public ViewProps {
  public:
@@ -55,9 +85,47 @@ class ReactNativeBlurViewProps final : public ViewProps {
 
 #pragma mark - Props
 
-  ReactNativeBlurViewBlurType blurType{ReactNativeBlurViewBlurType::Light};
+  std::string glassTintColor{"clear"};
+  double glassOpacity{1.0};
   double blurAmount{10.0};
-  std::string reducedTransparencyFallbackColor{};
+  ReactNativeBlurViewType type{ReactNativeBlurViewType::Blur};
+  ReactNativeBlurViewBlurType blurType{ReactNativeBlurViewBlurType::Xlight};
+  ReactNativeBlurViewGlassType glassType{ReactNativeBlurViewGlassType::Clear};
+  std::string reducedTransparencyFallbackColor{"#FFFFFF"};
+  bool isInteractive{true};
+};
+
+enum class ReactNativeGlassEffectContainerGlassType { Clear, Regular };
+
+static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, ReactNativeGlassEffectContainerGlassType &result) {
+  auto string = (std::string)value;
+  if (string == "clear") { result = ReactNativeGlassEffectContainerGlassType::Clear; return; }
+  if (string == "regular") { result = ReactNativeGlassEffectContainerGlassType::Regular; return; }
+  abort();
+}
+
+static inline std::string toString(const ReactNativeGlassEffectContainerGlassType &value) {
+  switch (value) {
+    case ReactNativeGlassEffectContainerGlassType::Clear: return "clear";
+    case ReactNativeGlassEffectContainerGlassType::Regular: return "regular";
+  }
+}
+
+class ReactNativeGlassEffectContainerProps final : public ViewProps {
+ public:
+  ReactNativeGlassEffectContainerProps() = default;
+  ReactNativeGlassEffectContainerProps(const PropsParserContext& context, const ReactNativeGlassEffectContainerProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+  ReactNativeGlassEffectContainerGlassType glassType{ReactNativeGlassEffectContainerGlassType::Clear};
+  std::string glassTintColor{"clear"};
+  double glassOpacity{1.0};
+  bool isInteractive{true};
+  double spacing{8.0};
+  bool enableMorphing{true};
+  int morphingDuration{300};
+  std::string reducedTransparencyFallbackColor{"#FFFFFF"};
 };
 
 } // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/react/renderer/components/ReactNativeBlurViewSpec/ShadowNodes.cpp

@@ -13,5 +13,6 @@
 namespace facebook::react {
 
 extern const char ReactNativeBlurViewComponentName[] = "ReactNativeBlurView";
+extern const char ReactNativeGlassEffectContainerComponentName[] = "ReactNativeGlassEffectContainer";
 
 } // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/react/renderer/components/ReactNativeBlurViewSpec/ShadowNodes.h

@@ -29,4 +29,15 @@ using ReactNativeBlurViewShadowNode = ConcreteViewShadowNode<
     ReactNativeBlurViewEventEmitter,
     ReactNativeBlurViewState>;
 
+JSI_EXPORT extern const char ReactNativeGlassEffectContainerComponentName[];
+
+/*
+ * `ShadowNode` for <ReactNativeGlassEffectContainer> component.
+ */
+using ReactNativeGlassEffectContainerShadowNode = ConcreteViewShadowNode<
+    ReactNativeGlassEffectContainerComponentName,
+    ReactNativeGlassEffectContainerProps,
+    ReactNativeGlassEffectContainerEventEmitter,
+    ReactNativeGlassEffectContainerState>;
+
 } // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/react/renderer/components/ReactNativeBlurViewSpec/States.h

@@ -26,4 +26,16 @@ public:
 #endif
 };
 
+class ReactNativeGlassEffectContainerState {
+public:
+  ReactNativeGlassEffectContainerState() = default;
+
+#ifdef ANDROID
+  ReactNativeGlassEffectContainerState(ReactNativeGlassEffectContainerState const &previousState, folly::dynamic data){};
+  folly::dynamic getDynamic() const {
+    return {};
+  };
+#endif
+};
+
 } // namespace facebook::react

package/android/src/main/java/com/sbaiahmed1/reactnativeblur/ReactNativeBlurView.kt

@@ -257,7 +257,8 @@ class ReactNativeBlurView : BlurView {
           super.setBackgroundColor(originalBackgroundColor!!)
         }
 
-        logDebug("Blur setup successful with root: ${root.javaClass.simpleName}")} catch (e: Exception) {
+        logDebug("Blur setup successful with root: ${root.javaClass.simpleName}")
+        } catch (e: Exception) {
           logWarning("Failed to setup blur algorithm: ${e.message}")
           // Fallback: use semi-transparent overlay when blur is unsupported
           super.setBackgroundColor(overlayColor)
@@ -301,6 +302,7 @@ class ReactNativeBlurView : BlurView {
           // This avoids misidentifying containers in complex layouts
           return current
         }
+      }
       current = current.parent
     }
     

package/android/src/main/java/com/sbaiahmed1/reactnativeblur/ReactNativeBlurViewManager.kt

@@ -63,12 +63,17 @@ class ReactNativeBlurViewManager : ViewGroupManager<ReactNativeBlurView>(),
   override fun setGlassType(view: ReactNativeBlurView?, glassType: String?) {
     view?.setGlassType(glassType ?: "clear")
   }
-  
+
   @ReactProp(name = "isInteractive")
   override fun setIsInteractive(view: ReactNativeBlurView?, isInteractive: Boolean) {
     view?.setIsInteractive(isInteractive)
   }
 
+  @ReactProp(name = "setIgnoreSafeArea")
+  override fun setIgnoreSafeArea(view: ReactNativeBlurView?, isInteractive: Boolean) {
+    // no-op
+  }
+
   /**
    * Called when view is detached from view hierarchy and allows for cleanup.
    * This prevents the white screen issue during navigation transitions on Android.

package/ios/Helpers/ReactNativeBlurViewHelper.swift

@@ -47,6 +47,11 @@ import UIKit
     blurView.isInteractive = isInteractive
   }
 
+  /// Updates the blur view with a new blur style.
+  @objc public static func updateBlurView(_ blurView: AdvancedBlurView, withIgnoringSafeArea ignoreSafeArea: Bool) {
+    blurView.ignoreSafeArea = ignoreSafeArea
+  }
+
   /// Updates the blur view with a new reduced transparency fallback color.
   @objc public static func updateBlurView(_ blurView: AdvancedBlurView, withReducedTransparencyFallbackColor fallbackColor: UIColor) {
     blurView.reducedTransparencyFallbackColor = fallbackColor
@@ -56,4 +61,4 @@ import UIKit
   @objc public static func updateBlurView(_ blurView: AdvancedBlurView) {
     // Nothing to update in the minimal implementation
   }
-}
+}

package/ios/ReactNativeBlurView.mm

@@ -28,13 +28,13 @@ using namespace facebook::react;
   if (!colorString || [colorString isEqualToString:@""] || colorString.length == 0) {
     return [UIColor clearColor]; // Default color
   }
-  
+
   // Prevent excessively long strings that could cause performance issues
   if (colorString.length > 50) {
     NSLog(@"[ReactNativeBlurView] Warning: Color string too long, using default clear color");
     return [UIColor clearColor];
   }
-  
+
   // Handle common color names
   NSDictionary *colorMap = @{
     @"red": [UIColor redColor],
@@ -49,12 +49,12 @@ using namespace facebook::react;
     @"clear": [UIColor clearColor],
     @"transparent": [UIColor clearColor]
   };
-  
+
   UIColor *namedColor = colorMap[colorString.lowercaseString];
   if (namedColor) {
     return namedColor;
   }
-  
+
   // Handle hex colors (e.g., "#FF0000", "FF0000", "#FF00FF00", "FF00FF00")
   NSString *hexString = colorString;
   if ([hexString hasPrefix:@"#"]) {
@@ -64,7 +64,7 @@ using namespace facebook::react;
     }
     hexString = [hexString substringFromIndex:1];
   }
-  
+
   // Validate hex string contains only valid hex characters
   NSCharacterSet *hexCharacterSet = [NSCharacterSet characterSetWithCharactersInString:@"0123456789ABCDEFabcdef"];
   NSCharacterSet *invalidCharacters = [hexCharacterSet invertedSet];
@@ -72,7 +72,7 @@ using namespace facebook::react;
     NSLog(@"[ReactNativeBlurView] Warning: Invalid hex color format '%@', contains non-hex characters", colorString);
     return [UIColor clearColor];
   }
-  
+
   // Handle 6-character hex (RGB)
   if (hexString.length == 6) {
     unsigned int hexValue;
@@ -104,7 +104,7 @@ using namespace facebook::react;
       unsigned int r = (hexValue & 0xF00) >> 8;
       unsigned int g = (hexValue & 0x0F0) >> 4;
       unsigned int b = (hexValue & 0x00F);
-      
+
       return [UIColor colorWithRed:(r | (r << 4)) / 255.0
                              green:(g | (g << 4)) / 255.0
                               blue:(b | (b << 4)) / 255.0
@@ -112,10 +112,10 @@ using namespace facebook::react;
     }
   }
   else {
-    NSLog(@"[ReactNativeBlurView] Warning: Unsupported hex color length (%lu) for '%@', expected 3, 6, or 8 characters", 
+    NSLog(@"[ReactNativeBlurView] Warning: Unsupported hex color length (%lu) for '%@', expected 3, 6, or 8 characters",
           (unsigned long)hexString.length, colorString);
   }
-  
+
   NSLog(@"[ReactNativeBlurView] Warning: Could not parse color '%@', using default clear color", colorString);
   return [UIColor clearColor]; // Fallback to clear
 }
@@ -132,48 +132,51 @@ using namespace facebook::react;
   if (self = [super initWithFrame:frame]) {
     static const auto defaultProps = std::make_shared<const ReactNativeBlurViewProps>();
     _props = defaultProps;
-    
+
     const auto &bvProps = *std::static_pointer_cast<const ReactNativeBlurViewProps>(defaultProps);
-    
+
     _advancedBlurView = [ReactNativeBlurViewHelper createBlurViewWithFrame:frame];
-    
+
     // Set initial glassTintColor from default props
     NSString *defaultGlassTintColorString = [[NSString alloc] initWithUTF8String:bvProps.glassTintColor.c_str()];
     UIColor *defaultGlassTintColor = [ReactNativeBlurView colorFromString:defaultGlassTintColorString];
     [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withGlassTintColor:defaultGlassTintColor];
-    
+
     // Set initial glassOpacity from default props
     [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withGlassOpacity:bvProps.glassOpacity];
-    
+
     // Set initial blurAmount from default props
     [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withBlurAmount:bvProps.blurAmount];
-    
+
     // Set initial blurType from default props
     if (bvProps.blurType != facebook::react::ReactNativeBlurViewBlurType::Xlight) {
       NSString *blurTypeString = [[NSString alloc] initWithUTF8String:toString(bvProps.blurType).c_str()];
       [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withBlurType:blurTypeString];
     }
-    
+
     // Set initial isInteractive from default props
       [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withIsInteractive:bvProps.isInteractive];
-    
+
+    [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withIgnoringSafeArea:bvProps.ignoreSafeArea];
+
+
     // Set initial glassType from default props
     if (bvProps.glassType != facebook::react::ReactNativeBlurViewGlassType::Clear) {
       NSString *glassTypeString = [[NSString alloc] initWithUTF8String:toString(bvProps.glassType).c_str()];
       [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withGlassType:glassTypeString];
     }
-    
+
     // Set initial type from default props
     NSString *blurTypeString = [[NSString alloc] initWithUTF8String:toString(bvProps.type).c_str()];
     [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withType:blurTypeString];
-    
+
     // Set initial reducedTransparencyFallbackColor from default props
     if (!bvProps.reducedTransparencyFallbackColor.empty()) {
       NSString *fallbackColorString = [[NSString alloc] initWithUTF8String:bvProps.reducedTransparencyFallbackColor.c_str()];
       UIColor *fallbackColor = [ReactNativeBlurView colorFromString:fallbackColorString];
       [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withReducedTransparencyFallbackColor:fallbackColor];
     }
-    
+
     [self addSubview:_advancedBlurView];
   }
   return self;
@@ -183,7 +186,7 @@ using namespace facebook::react;
 {
   const auto &oldViewProps = *std::static_pointer_cast<ReactNativeBlurViewProps const>(_props);
   const auto &newViewProps = *std::static_pointer_cast<ReactNativeBlurViewProps const>(props);
-  
+
   // Update glassTintColor if it has changed
   if (oldViewProps.glassTintColor != newViewProps.glassTintColor) {
     if (!newViewProps.glassTintColor.empty()) {
@@ -192,17 +195,17 @@ using namespace facebook::react;
       [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withGlassTintColor:newGlassTintColor];
     }
   }
-  
+
   // Update glassOpacity if it has changed
   if (oldViewProps.glassOpacity != newViewProps.glassOpacity) {
     [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withGlassOpacity:newViewProps.glassOpacity];
   }
-  
+
   // Update blurAmount if it has changed
   if (oldViewProps.blurAmount != newViewProps.blurAmount) {
     [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withBlurAmount:newViewProps.blurAmount];
   }
-  
+
   // Update blurType if it has changed
   if (oldViewProps.blurType != newViewProps.blurType) {
     if (newViewProps.blurType != facebook::react::ReactNativeBlurViewBlurType::Xlight) {
@@ -210,7 +213,7 @@ using namespace facebook::react;
       [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withBlurType:blurTypeString];
     }
   }
-  
+
   // Update glassType if it has changed
   if (oldViewProps.glassType != newViewProps.glassType) {
     if (newViewProps.glassType != facebook::react::ReactNativeBlurViewGlassType::Clear) {
@@ -218,18 +221,22 @@ using namespace facebook::react;
       [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withGlassType:glassTypeString];
     }
   }
-  
+
   // Update type if it has changed
   if (oldViewProps.type != newViewProps.type) {
     NSString *blurTypeString = [[NSString alloc] initWithUTF8String:toString(newViewProps.type).c_str()];
     [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withType:blurTypeString];
   }
-  
+
   // Update isInteractive if it has changed
   if (oldViewProps.isInteractive != newViewProps.isInteractive) {
     [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withIsInteractive:newViewProps.isInteractive];
   }
-  
+
+  if (oldViewProps.ignoreSafeArea != newViewProps.ignoreSafeArea) {
+    [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withIgnoringSafeArea:newViewProps.ignoreSafeArea];
+  }
+
   // Update reducedTransparencyFallbackColor if it has changed
   if (oldViewProps.reducedTransparencyFallbackColor != newViewProps.reducedTransparencyFallbackColor) {
     if (!newViewProps.reducedTransparencyFallbackColor.empty()) {
@@ -238,10 +245,10 @@ using namespace facebook::react;
       [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withReducedTransparencyFallbackColor:fallbackColor];
     }
   }
-  
+
   // Store the new props
   _props = props;
-  
+
   [super updateProps:props oldProps:oldProps];
 }
 

package/ios/ReactNativeBlurViewManager.m

@@ -68,6 +68,12 @@ RCT_CUSTOM_VIEW_PROPERTY(isInteractive, NSNumber, AdvancedBlurView)
   [ReactNativeBlurViewHelper updateBlurView:view withIsInteractive:isInteractive];
 }
 
+RCT_CUSTOM_VIEW_PROPERTY(ignoreSafeArea, NSNumber, AdvancedBlurView)
+{
+  BOOL ignoreSafeArea = json ? [RCTConvert BOOL:json] : NO;
+  [ReactNativeBlurViewHelper updateBlurView:view withIgnoringSafeArea:ignoreSafeArea];
+}
+
 RCT_CUSTOM_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString, AdvancedBlurView)
 {
   NSString *colorString = json ? [RCTConvert NSString:json] : @"#FFFFFF";
@@ -81,13 +87,13 @@ RCT_CUSTOM_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString, AdvancedBlu
   if (!colorString || [colorString isEqualToString:@""] || colorString.length == 0) {
     return [UIColor clearColor]; // Default color
   }
-  
+
   // Prevent excessively long strings that could cause performance issues
   if (colorString.length > 50) {
     NSLog(@"[ReactNativeBlurViewManager] Warning: Color string too long, using default clear color");
     return [UIColor clearColor];
   }
-  
+
   // Handle common color names
   NSDictionary *colorMap = @{
     @"red": [UIColor redColor],
@@ -102,12 +108,12 @@ RCT_CUSTOM_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString, AdvancedBlu
     @"clear": [UIColor clearColor],
     @"transparent": [UIColor clearColor]
   };
-  
+
   UIColor *namedColor = colorMap[colorString.lowercaseString];
   if (namedColor) {
     return namedColor;
   }
-  
+
   // Handle hex colors (e.g., "#FF0000", "FF0000", "#FF00FF00", "FF00FF00")
   NSString *hexString = colorString;
   if ([hexString hasPrefix:@"#"]) {
@@ -117,7 +123,7 @@ RCT_CUSTOM_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString, AdvancedBlu
     }
     hexString = [hexString substringFromIndex:1];
   }
-  
+
   // Validate hex string contains only valid hex characters
   NSCharacterSet *hexCharacterSet = [NSCharacterSet characterSetWithCharactersInString:@"0123456789ABCDEFabcdef"];
   NSCharacterSet *invalidCharacters = [hexCharacterSet invertedSet];
@@ -125,7 +131,7 @@ RCT_CUSTOM_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString, AdvancedBlu
     NSLog(@"[ReactNativeBlurViewManager] Warning: Invalid hex color format '%@', contains non-hex characters", colorString);
     return [UIColor clearColor];
   }
-  
+
   // Handle 6-character hex (RGB)
   if (hexString.length == 6) {
     unsigned int hexValue;
@@ -157,7 +163,7 @@ RCT_CUSTOM_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString, AdvancedBlu
       unsigned int r = (hexValue & 0xF00) >> 8;
       unsigned int g = (hexValue & 0x0F0) >> 4;
       unsigned int b = (hexValue & 0x00F);
-      
+
       return [UIColor colorWithRed:(r | (r << 4)) / 255.0
                              green:(g | (g << 4)) / 255.0
                               blue:(b | (b << 4)) / 255.0
@@ -165,10 +171,10 @@ RCT_CUSTOM_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString, AdvancedBlu
     }
   }
   else {
-    NSLog(@"[ReactNativeBlurViewManager] Warning: Unsupported hex color length (%lu) for '%@', expected 3, 6, or 8 characters", 
+    NSLog(@"[ReactNativeBlurViewManager] Warning: Unsupported hex color length (%lu) for '%@', expected 3, 6, or 8 characters",
           (unsigned long)hexString.length, colorString);
   }
-  
+
   NSLog(@"[ReactNativeBlurViewManager] Warning: Could not parse color '%@', using default clear color", colorString);
   return [UIColor clearColor]; // Fallback to clear
 }

package/ios/Views/AdvancedBlurView.swift

@@ -55,6 +55,12 @@ import UIKit
     }
   }
 
+  @objc public var ignoreSafeArea: Bool = false {
+    didSet {
+      updateView()
+    }
+  }
+
   public override init(frame: CGRect) {
     super.init(frame: frame)
     setupHostingController()
@@ -89,7 +95,8 @@ import UIKit
       type: type,
       glassType: glassType,
       reducedTransparencyFallbackColor: reducedTransparencyFallbackColor,
-      isInteractive: isInteractive
+      isInteractive: isInteractive,
+      ignoreSafeArea: ignoreSafeArea
     )
 
     let hosting = UIHostingController(rootView: swiftUIView)

package/ios/Views/BasicColoredView.swift

@@ -6,53 +6,90 @@ import UIKit
 // MARK: - SwiftUI View Component
 
 struct BasicColoredView: View {
-  var glassTintColor: UIColor
-  var glassOpacity: Double
-  var blurAmount: Double
-  var blurStyle: UIBlurEffect.Style
-  var type: String
-  var glassType: String
-  var reducedTransparencyFallbackColor: UIColor
-  var isInteractive: Bool
+  let glassTintColor: UIColor
+  let glassOpacity: Double
+  let blurAmount: Double
+  let blurStyle: UIBlurEffect.Style
+  let type: String
+  let glassType: String
+  let reducedTransparencyFallbackColor: UIColor
+  let isInteractive: Bool
+  let blurIntensity: Double
+  let ignoreSafeArea: Bool
 
-  var body: some View {
-    let blurIntensity = mapBlurAmountToIntensity(blurAmount)
+  let isReducedTransparencyEnabled = UIAccessibility.isReduceTransparencyEnabled
+
+
+  init(glassTintColor: UIColor,
+       glassOpacity: Double,
+       blurAmount: Double,
+       blurStyle: UIBlurEffect.Style,
+       type: String,
+       glassType: String,
+       reducedTransparencyFallbackColor: UIColor,
+       isInteractive: Bool,
+       ignoreSafeArea: Bool = false) {
+    self.glassTintColor = glassTintColor
+    self.glassOpacity = glassOpacity
+    self.blurAmount = blurAmount
+    self.blurStyle = blurStyle
+    self.type = type
+    self.glassType = glassType
+    self.reducedTransparencyFallbackColor = reducedTransparencyFallbackColor
+    self.isInteractive = isInteractive
+    self.ignoreSafeArea = ignoreSafeArea
+
+    self.blurIntensity = mapBlurAmountToIntensity(blurAmount)
+  }
 
-    // Check if reduced transparency is enabled
-    let isReducedTransparencyEnabled = UIAccessibility.isReduceTransparencyEnabled
+  var body: some View {
+    content
+      .ignoresSafeArea(ignoreSafeArea ? .all : [])
+  }
 
+  private var content: some View {
     if isReducedTransparencyEnabled {
-      // Use fallback color when reduced transparency is enabled
-      Rectangle()
-        .fill(Color(reducedTransparencyFallbackColor))
+      AnyView(
+        Rectangle()
+          .fill(Color(reducedTransparencyFallbackColor))
+      )
     } else {
       if (type == "liquidGlass"){
-        if #available(iOS 26.0, *) {
-          let baseGlassEffect = glassEffectFromString(glassType)
-          Rectangle()
-            .glassEffect(
-              baseGlassEffect
-                .tint(Color(glassTintColor)
-                  .opacity(glassOpacity))
-                .interactive(isInteractive)
-              , in: .rect)
-
-        } else {
-          // Use proper blur intensity control for liquid glass fallback
-          Rectangle()
-            .fill(Color(.clear))
-            .background(Blur(style: blurStyle, intensity: blurIntensity))
-            .overlay(
-              Color(glassTintColor)
-                .opacity(glassOpacity)
-            )
-        }
-      }else {
-        // Use proper blur intensity control for regular blur
+        AnyView(liquidGlassBlurView)
+      } else {
+        AnyView(regularBlurView)
+      }
+    }
+  }
+
+  private var liquidGlassBlurView: some View {
+    Group {
+      if #available(iOS 26.0, *) {
+        let baseGlassEffect = glassEffectFromString(glassType)
+        Rectangle()
+          .glassEffect(
+            baseGlassEffect
+              .tint(Color(glassTintColor).opacity(glassOpacity))
+              .interactive(isInteractive), in: .rect
+          )
+      } else {
+        // Use proper blur intensity control for liquid glass fallback
         Rectangle()
           .fill(Color(.clear))
           .background(Blur(style: blurStyle, intensity: blurIntensity))
+          .overlay(
+            Color(glassTintColor)
+              .opacity(glassOpacity)
+          )
       }
     }
   }
-}
+
+  private var regularBlurView: some View {
+    // Use proper blur intensity control for regular blur
+    Rectangle()
+      .fill(Color(.clear))
+      .background(Blur(style: blurStyle, intensity: blurIntensity))
+  }
+}
+

package/lib/module/BlurView.js

@@ -37,6 +37,7 @@ export const BlurView = ({
   glassTintColor = 'clear',
   glassOpacity = 1.0,
   isInteractive = true,
+  ignoreSafeArea = false,
   ...props
 }) => {
   // If no children, render the blur view directly (for background use)
@@ -51,6 +52,7 @@ export const BlurView = ({
       reducedTransparencyFallbackColor: reducedTransparencyFallbackColor,
       style: style,
       isInteractive: isInteractive,
+      ignoreSafeArea: ignoreSafeArea,
       ...props
     });
   }
@@ -69,6 +71,7 @@ export const BlurView = ({
       glassOpacity: glassOpacity,
       type: type,
       isInteractive: isInteractive,
+      ignoreSafeArea: ignoreSafeArea,
       reducedTransparencyFallbackColor: reducedTransparencyFallbackColor,
       style: {
         position: 'absolute',

package/lib/module/BlurView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","ReactNativeBlurView","jsx","_jsx","jsxs","_jsxs","BlurView","blurType","blurAmount","reducedTransparencyFallbackColor","style","children","type","glassType","glassTintColor","glassOpacity","isInteractive","props","Children","count","position","overflow","top","left","right","bottom","zIndex"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,mBAAmB,MAEnB,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAChDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,gCAAgC,GAAG,SAAS;EAC5CC,KAAK;EACLC,QAAQ;EACRC,IAAI,GAAG,MAAM;EACbC,SAAS,GAAG,OAAO;EACnBC,cAAc,GAAG,OAAO;EACxBC,YAAY,GAAG,GAAG;EAClBC,aAAa,GAAG,IAAI;EACpB,GAAGC;AACL,CAAC,KAAK;EACJ;EACA,IAAIlB,KAAK,CAACmB,QAAQ,CAACC,KAAK,CAACR,QAAQ,CAAC,KAAK,CAAC,EAAE;IACxC,oBACER,IAAA,CAACF,mBAAmB;MAClBM,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA,UAAW;MACvBK,SAAS,EAAEA,SAAU;MACrBC,cAAc,EAAEA,cAAe;MAC/BC,YAAY,EAAEA,YAAa;MAC3BH,IAAI,EAAEA,IAAK;MACXH,gCAAgC,EAAEA,gCAAiC;MACnEC,KAAK,EAAEA,KAAM;MACbM,aAAa,EAAEA,aAAc;MAAA,GACzBC;IAAK,CACV,CAAC;EAEN;;EAEA;EACA,oBACEZ,KAAA,CAACL,IAAI;IAACU,KAAK,EAAE,CAAC;MAAEU,QAAQ,EAAE,UAAU;MAAEC,QAAQ,EAAE;IAAS,CAAC,EAAEX,KAAK,CAAE;IAAAC,QAAA,gBAEjER,IAAA,CAACF,mBAAmB;MAClBM,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA,UAAW;MACvBK,SAAS,EAAEA,SAAU;MACrBC,cAAc,EAAEA,cAAe;MAC/BC,YAAY,EAAEA,YAAa;MAC3BH,IAAI,EAAEA,IAAK;MACXI,aAAa,EAAEA,aAAc;MAC7BP,gCAAgC,EAAEA,gCAAiC;MACnEC,KAAK,EAAE;QACLU,QAAQ,EAAE,UAAU;QACpBE,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAE;MAAA,GACER;IAAK,CACV,CAAC,eAEFd,IAAA,CAACH,IAAI;MAACU,KAAK,EAAE;QAAEU,QAAQ,EAAE,UAAU;QAAEM,MAAM,EAAE;MAAE,CAAE;MAAAf,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CAC/D,CAAC;AAEX,CAAC;AAED,eAAeL,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","View","ReactNativeBlurView","jsx","_jsx","jsxs","_jsxs","BlurView","blurType","blurAmount","reducedTransparencyFallbackColor","style","children","type","glassType","glassTintColor","glassOpacity","isInteractive","ignoreSafeArea","props","Children","count","position","overflow","top","left","right","bottom","zIndex"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,mBAAmB,MAEnB,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA+E9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAChDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,gCAAgC,GAAG,SAAS;EAC5CC,KAAK;EACLC,QAAQ;EACRC,IAAI,GAAG,MAAM;EACbC,SAAS,GAAG,OAAO;EACnBC,cAAc,GAAG,OAAO;EACxBC,YAAY,GAAG,GAAG;EAClBC,aAAa,GAAG,IAAI;EACpBC,cAAc,GAAG,KAAK;EACtB,GAAGC;AACL,CAAC,KAAK;EACJ;EACA,IAAInB,KAAK,CAACoB,QAAQ,CAACC,KAAK,CAACT,QAAQ,CAAC,KAAK,CAAC,EAAE;IACxC,oBACER,IAAA,CAACF,mBAAmB;MAClBM,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA,UAAW;MACvBK,SAAS,EAAEA,SAAU;MACrBC,cAAc,EAAEA,cAAe;MAC/BC,YAAY,EAAEA,YAAa;MAC3BH,IAAI,EAAEA,IAAK;MACXH,gCAAgC,EAAEA,gCAAiC;MACnEC,KAAK,EAAEA,KAAM;MACbM,aAAa,EAAEA,aAAc;MAC7BC,cAAc,EAAEA,cAAe;MAAA,GAC3BC;IAAK,CACV,CAAC;EAEN;;EAEA;EACA,oBACEb,KAAA,CAACL,IAAI;IAACU,KAAK,EAAE,CAAC;MAAEW,QAAQ,EAAE,UAAU;MAAEC,QAAQ,EAAE;IAAS,CAAC,EAAEZ,KAAK,CAAE;IAAAC,QAAA,gBAEjER,IAAA,CAACF,mBAAmB;MAClBM,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA,UAAW;MACvBK,SAAS,EAAEA,SAAU;MACrBC,cAAc,EAAEA,cAAe;MAC/BC,YAAY,EAAEA,YAAa;MAC3BH,IAAI,EAAEA,IAAK;MACXI,aAAa,EAAEA,aAAc;MAC7BC,cAAc,EAAEA,cAAe;MAC/BR,gCAAgC,EAAEA,gCAAiC;MACnEC,KAAK,EAAE;QACLW,QAAQ,EAAE,UAAU;QACpBE,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAE;MAAA,GACER;IAAK,CACV,CAAC,eAEFf,IAAA,CAACH,IAAI;MAACU,KAAK,EAAE;QAAEW,QAAQ,EAAE,UAAU;QAAEM,MAAM,EAAE;MAAE,CAAE;MAAAhB,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CAC/D,CAAC;AAEX,CAAC;AAED,eAAeL,QAAQ","ignoreList":[]}

package/lib/module/ReactNativeBlurViewNativeComponent.ts

@@ -29,6 +29,7 @@ interface NativeProps extends ViewProps {
   glassType?: WithDefault<GlassType, 'clear'>;
   reducedTransparencyFallbackColor?: WithDefault<string, '#FFFFFF'>;
   isInteractive?: WithDefault<boolean, true>;
+  ignoreSafeArea?: WithDefault<boolean, false>;
 }
 
 export default codegenNativeComponent<NativeProps>('ReactNativeBlurView');

package/lib/typescript/src/BlurView.d.ts

@@ -60,6 +60,12 @@ export interface BlurViewProps {
      * @default true
      */
     isInteractive?: boolean;
+    /**
+     * Platform: iOS only
+     * Whether the blur view should be ignore safe area insets
+     * @default false
+     */
+    ignoreSafeArea?: boolean;
 }
 /**
  * A cross-platform blur view component that provides native blur effects.

package/lib/typescript/src/BlurView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../src/BlurView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAA4B,EAC1B,KAAK,QAAQ,EACd,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAE3E,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IAE9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../src/BlurView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAA4B,EAC1B,KAAK,QAAQ,EACd,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAE3E,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IAE9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4D5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/ReactNativeBlurViewNativeComponent.d.ts

@@ -11,6 +11,7 @@ interface NativeProps extends ViewProps {
     glassType?: WithDefault<GlassType, 'clear'>;
     reducedTransparencyFallbackColor?: WithDefault<string, '#FFFFFF'>;
     isInteractive?: WithDefault<boolean, true>;
+    ignoreSafeArea?: WithDefault<boolean, false>;
 }
 declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
 export default _default;

package/lib/typescript/src/ReactNativeBlurViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactNativeBlurViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeBlurViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,CAAC;AAE3B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5C,UAAU,WAAY,SAAQ,SAAS;IACrC,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC5C,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClE,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;CAC5C;;AAED,wBAA0E"}
+{"version":3,"file":"ReactNativeBlurViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeBlurViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,CAAC;AAE3B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5C,UAAU,WAAY,SAAQ,SAAS;IACrC,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC5C,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClE,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;CAC9C;;AAED,wBAA0E"}

package/package.json

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

package/src/BlurView.tsx

@@ -73,6 +73,13 @@ export interface BlurViewProps {
    * @default true
    */
   isInteractive?: boolean;
+
+  /**
+   * Platform: iOS only
+   * Whether the blur view should be ignore safe area insets
+   * @default false
+   */
+  ignoreSafeArea?: boolean;
 }
 
 /**
@@ -108,6 +115,7 @@ export const BlurView: React.FC<BlurViewProps> = ({
   glassTintColor = 'clear',
   glassOpacity = 1.0,
   isInteractive = true,
+  ignoreSafeArea = false,
   ...props
 }) => {
   // If no children, render the blur view directly (for background use)
@@ -123,6 +131,7 @@ export const BlurView: React.FC<BlurViewProps> = ({
         reducedTransparencyFallbackColor={reducedTransparencyFallbackColor}
         style={style}
         isInteractive={isInteractive}
+        ignoreSafeArea={ignoreSafeArea}
         {...props}
       />
     );
@@ -140,6 +149,7 @@ export const BlurView: React.FC<BlurViewProps> = ({
         glassOpacity={glassOpacity}
         type={type}
         isInteractive={isInteractive}
+        ignoreSafeArea={ignoreSafeArea}
         reducedTransparencyFallbackColor={reducedTransparencyFallbackColor}
         style={{
           position: 'absolute',

package/src/ReactNativeBlurViewNativeComponent.ts

@@ -29,6 +29,7 @@ interface NativeProps extends ViewProps {
   glassType?: WithDefault<GlassType, 'clear'>;
   reducedTransparencyFallbackColor?: WithDefault<string, '#FFFFFF'>;
   isInteractive?: WithDefault<boolean, true>;
+  ignoreSafeArea?: WithDefault<boolean, false>;
 }
 
 export default codegenNativeComponent<NativeProps>('ReactNativeBlurView');