@sbaiahmed1/react-native-blur 3.2.0 → 4.0.0

package/ios/ReactNativeBlurView.mm

@@ -137,14 +137,6 @@ using namespace facebook::react;
 
     _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];
 
@@ -154,22 +146,6 @@ using namespace facebook::react;
       [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()];
@@ -177,6 +153,9 @@ using namespace facebook::react;
       [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withReducedTransparencyFallbackColor:fallbackColor];
     }
 
+    // Set initial ignoreSafeArea from default props
+    [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withIgnoringSafeArea:bvProps.ignoreSafeArea];
+
     [self addSubview:_advancedBlurView];
   }
   return self;
@@ -187,20 +166,6 @@ 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()) {
-      NSString *glassTintColorString = [[NSString alloc] initWithUTF8String:newViewProps.glassTintColor.c_str()];
-      UIColor *newGlassTintColor = [ReactNativeBlurView colorFromString:glassTintColorString];
-      [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];
@@ -214,29 +179,6 @@ using namespace facebook::react;
     }
   }
 
-  // Update glassType if it has changed
-  if (oldViewProps.glassType != newViewProps.glassType) {
-    if (newViewProps.glassType != facebook::react::ReactNativeBlurViewGlassType::Clear) {
-      NSString *glassTypeString = [[NSString alloc] initWithUTF8String:toString(newViewProps.glassType).c_str()];
-      [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()) {
@@ -246,6 +188,11 @@ using namespace facebook::react;
     }
   }
 
+  // Update ignoreSafeArea if it has changed
+  if (oldViewProps.ignoreSafeArea != newViewProps.ignoreSafeArea) {
+    [ReactNativeBlurViewHelper updateBlurView:_advancedBlurView withIgnoringSafeArea:newViewProps.ignoreSafeArea];
+  }
+
   // Store the new props
   _props = props;
 

package/ios/{ReactNativeBlurViewManager.m → ReactNativeBlurViewManager.mm}

@@ -25,18 +25,6 @@ RCT_EXPORT_MODULE(ReactNativeBlurView)
 // Export properties
 
 // Custom setters for proper type conversion
-RCT_CUSTOM_VIEW_PROPERTY(glassTintColor, NSString, AdvancedBlurView)
-{
-  NSString *colorString = json ? [RCTConvert NSString:json] : @"clear";
-  UIColor *color = [self colorFromString:colorString];
-  [ReactNativeBlurViewHelper updateBlurView:view withGlassTintColor:color];
-}
-
-RCT_CUSTOM_VIEW_PROPERTY(glassOpacity, NSNumber, AdvancedBlurView)
-{
-  double opacity = json ? [RCTConvert double:json] : 1.0;
-  [ReactNativeBlurViewHelper updateBlurView:view withGlassOpacity:opacity];
-}
 
 RCT_CUSTOM_VIEW_PROPERTY(blurAmount, NSNumber, AdvancedBlurView)
 {
@@ -50,37 +38,19 @@ RCT_CUSTOM_VIEW_PROPERTY(blurType, NSString, AdvancedBlurView)
   [ReactNativeBlurViewHelper updateBlurView:view withBlurType:blurType];
 }
 
-RCT_CUSTOM_VIEW_PROPERTY(glassType, NSString, AdvancedBlurView)
-{
-  NSString *glassType = json ? [RCTConvert NSString:json] : @"clear";
-  [ReactNativeBlurViewHelper updateBlurView:view withGlassType:glassType];
-}
-
-RCT_CUSTOM_VIEW_PROPERTY(type, NSString, AdvancedBlurView)
-{
-  NSString *type = json ? [RCTConvert NSString:json] : @"blur";
-  [ReactNativeBlurViewHelper updateBlurView:view withType:type];
-}
-
-RCT_CUSTOM_VIEW_PROPERTY(isInteractive, NSNumber, AdvancedBlurView)
+RCT_CUSTOM_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString, AdvancedBlurView)
 {
-  BOOL isInteractive = json ? [RCTConvert BOOL:json] : YES;
-  [ReactNativeBlurViewHelper updateBlurView:view withIsInteractive:isInteractive];
+  NSString *colorString = json ? [RCTConvert NSString:json] : @"#FFFFFF";
+  UIColor *color = [self colorFromString:colorString];
+  [ReactNativeBlurViewHelper updateBlurView:view withReducedTransparencyFallbackColor:color];
 }
 
-RCT_CUSTOM_VIEW_PROPERTY(ignoreSafeArea, NSNumber, AdvancedBlurView)
+RCT_CUSTOM_VIEW_PROPERTY(ignoreSafeArea, BOOL, 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";
-  UIColor *color = [self colorFromString:colorString];
-  [ReactNativeBlurViewHelper updateBlurView:view withReducedTransparencyFallbackColor:color];
-}
-
 // Color parsing helper method (copied from ReactNativeBlurView.mm)
 - (UIColor *)colorFromString:(NSString *)colorString {
   // Input validation

package/ios/ReactNativeLiquidGlassView.h

@@ -0,0 +1,14 @@
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+#ifndef ReactNativeLiquidGlassViewNativeComponent_h
+#define ReactNativeLiquidGlassViewNativeComponent_h
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface ReactNativeLiquidGlassView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* ReactNativeLiquidGlassViewNativeComponent_h */

package/ios/ReactNativeLiquidGlassView.mm

@@ -0,0 +1,284 @@
+#import "ReactNativeLiquidGlassView.h"
+
+#import <react/renderer/components/ReactNativeBlurViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/ReactNativeBlurViewSpec/EventEmitters.h>
+#import <react/renderer/components/ReactNativeBlurViewSpec/Props.h>
+#import <react/renderer/components/ReactNativeBlurViewSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+#if __has_include("ReactNativeBlur-Swift.h")
+#import "ReactNativeBlur-Swift.h"
+#else
+#import <ReactNativeBlur/ReactNativeBlur-Swift.h>
+#endif
+
+using namespace facebook::react;
+
+@interface ReactNativeLiquidGlassView () <RCTReactNativeLiquidGlassViewViewProtocol>
+@end
+
+@implementation ReactNativeLiquidGlassView {
+  LiquidGlassContainerView *_liquidGlassView;
+  Props::Shared _props;
+  LayoutMetrics _layoutMetrics;
+}
+
++ (UIColor *)colorFromString:(NSString *)colorString {
+  // Input validation
+  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(@"[ReactNativeLiquidGlassView] Warning: Color string too long, using default clear color");
+    return [UIColor clearColor];
+  }
+
+  // Handle common color names
+  NSDictionary *colorMap = @{
+    @"red": [UIColor redColor],
+    @"blue": [UIColor blueColor],
+    @"green": [UIColor greenColor],
+    @"yellow": [UIColor yellowColor],
+    @"orange": [UIColor orangeColor],
+    @"purple": [UIColor purpleColor],
+    @"black": [UIColor blackColor],
+    @"white": [UIColor whiteColor],
+    @"gray": [UIColor grayColor],
+    @"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:@"#"]) {
+    if (hexString.length < 2) {
+      NSLog(@"[ReactNativeLiquidGlassView] Warning: Invalid hex color format '%@', using default clear color", colorString);
+      return [UIColor clearColor];
+    }
+    hexString = [hexString substringFromIndex:1];
+  }
+
+  // Validate hex string contains only valid hex characters
+  NSCharacterSet *hexCharacterSet = [NSCharacterSet characterSetWithCharactersInString:@"0123456789ABCDEFabcdef"];
+  NSCharacterSet *invalidCharacters = [hexCharacterSet invertedSet];
+  if ([hexString rangeOfCharacterFromSet:invalidCharacters].location != NSNotFound) {
+    NSLog(@"[ReactNativeLiquidGlassView] 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;
+    NSScanner *scanner = [NSScanner scannerWithString:hexString];
+    if ([scanner scanHexInt:&hexValue] && [scanner isAtEnd]) {
+      return [UIColor colorWithRed:((hexValue & 0xFF0000) >> 16) / 255.0
+                             green:((hexValue & 0x00FF00) >> 8) / 255.0
+                              blue:(hexValue & 0x0000FF) / 255.0
+                             alpha:1.0];
+    }
+  }
+  // Handle 8-character hex (RGBA)
+  else if (hexString.length == 8) {
+    unsigned long long hexValue;
+    NSScanner *scanner = [NSScanner scannerWithString:hexString];
+    if ([scanner scanHexLongLong:&hexValue] && [scanner isAtEnd]) {
+      return [UIColor colorWithRed:((hexValue & 0xFF000000) >> 24) / 255.0
+                             green:((hexValue & 0x00FF0000) >> 16) / 255.0
+                              blue:((hexValue & 0x0000FF00) >> 8) / 255.0
+                             alpha:(hexValue & 0x000000FF) / 255.0];
+    }
+  }
+  // Handle 3-character hex (RGB shorthand)
+  else if (hexString.length == 3) {
+    unsigned int hexValue;
+    NSScanner *scanner = [NSScanner scannerWithString:hexString];
+    if ([scanner scanHexInt:&hexValue] && [scanner isAtEnd]) {
+      // Expand 3-digit hex to 6-digit (e.g., "F0A" -> "FF00AA")
+      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
+                             alpha:1.0];
+    }
+  }
+  else {
+    NSLog(@"[ReactNativeLiquidGlassView] Warning: Unsupported hex color length (%lu) for '%@', expected 3, 6, or 8 characters",
+          (unsigned long)hexString.length, colorString);
+  }
+
+  NSLog(@"[ReactNativeLiquidGlassView] Warning: Could not parse color '%@', using default clear color", colorString);
+  return [UIColor clearColor]; // Fallback to clear
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<ReactNativeLiquidGlassViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const ReactNativeLiquidGlassViewProps>();
+    _props = defaultProps;
+
+    const auto &lgProps = *std::static_pointer_cast<const ReactNativeLiquidGlassViewProps>(defaultProps);
+
+    _liquidGlassView = [ReactNativeLiquidGlassViewHelper createLiquidGlassViewWithFrame:frame];
+
+    // Set initial glassTintColor from default props
+    NSString *defaultGlassTintColorString = [[NSString alloc] initWithUTF8String:lgProps.glassTintColor.c_str()];
+    UIColor *defaultGlassTintColor = [ReactNativeLiquidGlassView colorFromString:defaultGlassTintColorString];
+    [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withGlassTintColor:defaultGlassTintColor];
+
+    // Set initial glassOpacity from default props
+    [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withGlassOpacity:lgProps.glassOpacity];
+
+    // Set initial glassType from default props
+    if (lgProps.glassType != facebook::react::ReactNativeLiquidGlassViewGlassType::Clear) {
+      NSString *glassTypeString = [[NSString alloc] initWithUTF8String:toString(lgProps.glassType).c_str()];
+      [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withGlassType:glassTypeString];
+    }
+
+    // Set initial isInteractive from default props
+    [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withIsInteractive:lgProps.isInteractive];
+
+    // Set initial ignoreSafeArea from default props
+    [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withIgnoringSafeArea:lgProps.ignoreSafeArea];
+
+    // Set initial reducedTransparencyFallbackColor from default props
+    if (!lgProps.reducedTransparencyFallbackColor.empty()) {
+      NSString *fallbackColorString = [[NSString alloc] initWithUTF8String:lgProps.reducedTransparencyFallbackColor.c_str()];
+      UIColor *fallbackColor = [ReactNativeLiquidGlassView colorFromString:fallbackColorString];
+      [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withReducedTransparencyFallbackColor:fallbackColor];
+    }
+
+    [self addSubview:_liquidGlassView];
+  }
+  return self;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+  const auto &oldViewProps = *std::static_pointer_cast<ReactNativeLiquidGlassViewProps const>(_props);
+  const auto &newViewProps = *std::static_pointer_cast<ReactNativeLiquidGlassViewProps const>(props);
+
+  // Update glassTintColor if it has changed
+  if (oldViewProps.glassTintColor != newViewProps.glassTintColor) {
+    if (!newViewProps.glassTintColor.empty()) {
+      NSString *glassTintColorString = [[NSString alloc] initWithUTF8String:newViewProps.glassTintColor.c_str()];
+      UIColor *newGlassTintColor = [ReactNativeLiquidGlassView colorFromString:glassTintColorString];
+      [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withGlassTintColor:newGlassTintColor];
+    }
+  }
+
+  // Update glassOpacity if it has changed
+  if (oldViewProps.glassOpacity != newViewProps.glassOpacity) {
+    [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withGlassOpacity:newViewProps.glassOpacity];
+  }
+
+  // Update glassType if it has changed
+  if (oldViewProps.glassType != newViewProps.glassType) {
+    if (newViewProps.glassType != facebook::react::ReactNativeLiquidGlassViewGlassType::Clear) {
+      NSString *glassTypeString = [[NSString alloc] initWithUTF8String:toString(newViewProps.glassType).c_str()];
+      [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withGlassType:glassTypeString];
+    }
+  }
+
+  // Update isInteractive if it has changed
+  if (oldViewProps.isInteractive != newViewProps.isInteractive) {
+    [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withIsInteractive:newViewProps.isInteractive];
+  }
+
+  // Update ignoreSafeArea if it has changed
+  if (oldViewProps.ignoreSafeArea != newViewProps.ignoreSafeArea) {
+    [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withIgnoringSafeArea:newViewProps.ignoreSafeArea];
+  }
+
+  // Update reducedTransparencyFallbackColor if it has changed
+  if (oldViewProps.reducedTransparencyFallbackColor != newViewProps.reducedTransparencyFallbackColor) {
+    if (!newViewProps.reducedTransparencyFallbackColor.empty()) {
+      NSString *fallbackColorString = [[NSString alloc] initWithUTF8String:newViewProps.reducedTransparencyFallbackColor.c_str()];
+      UIColor *fallbackColor = [ReactNativeLiquidGlassView colorFromString:fallbackColorString];
+      [ReactNativeLiquidGlassViewHelper updateLiquidGlassView:_liquidGlassView withReducedTransparencyFallbackColor:fallbackColor];
+    }
+  }
+
+  // Store the new props
+  _props = props;
+
+  [super updateProps:props oldProps:oldProps];
+}
+
+- (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask
+{
+  [super finalizeUpdates:updateMask];
+  
+  // Apply border radius from layout metrics to the inner glass view (Callstack pattern)
+  if (@available(iOS 26.0, *)) {
+    const auto &props = *std::static_pointer_cast<ReactNativeLiquidGlassViewProps const>(_props);
+    const auto borderMetrics = props.resolveBorderMetrics(_layoutMetrics);
+    
+    // Use topLeft.horizontal same as React Native RCTViewComponentView implementation
+    CGFloat radius = borderMetrics.borderRadii.topLeft.horizontal;
+    
+    if (radius > 0) {
+      [_liquidGlassView setBorderRadius:radius];
+    }
+  }
+}
+
+- (void)layoutSubviews
+{
+  [super layoutSubviews];
+  _liquidGlassView.frame = self.bounds;
+  
+  // Copy corner radius from the Fabric view to the inner glass view (Callstack pattern)
+  _liquidGlassView.layer.cornerRadius = self.layer.cornerRadius;
+  _liquidGlassView.layer.cornerCurve = self.layer.cornerCurve;
+  _liquidGlassView.layer.masksToBounds = YES;
+}
+
+- (void)updateLayoutMetrics:(const LayoutMetrics &)layoutMetrics oldLayoutMetrics:(const LayoutMetrics &)oldLayoutMetrics
+{
+  _layoutMetrics = layoutMetrics;
+  [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics];
+}
+
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+  UIView *contentView = [_liquidGlassView getContentView];
+  if (contentView) {
+    [contentView insertSubview:childComponentView atIndex:index];
+  } else {
+    [_liquidGlassView addSubview:childComponentView];
+  }
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
+{
+  [childComponentView removeFromSuperview];
+}
+
+- (void)dealloc
+{
+  [_liquidGlassView removeFromSuperview];
+  _liquidGlassView = nil;
+}
+
+@end
+
+Class<RCTComponentViewProtocol> LiquidGlassViewCls(void)
+{
+  return ReactNativeLiquidGlassView.class;
+}

package/ios/ReactNativeLiquidGlassViewManager.h

@@ -0,0 +1,6 @@
+#import <React/RCTViewManager.h>
+#import <React/RCTUIManager.h>
+#import "RCTBridge.h"
+
+@interface ReactNativeLiquidGlassViewManager : RCTViewManager
+@end

package/ios/ReactNativeLiquidGlassViewManager.mm

@@ -0,0 +1,20 @@
+#import "ReactNativeLiquidGlassViewManager.h"
+#import "ReactNativeLiquidGlassView.h"
+
+@implementation ReactNativeLiquidGlassViewManager
+
+RCT_EXPORT_MODULE(ReactNativeLiquidGlassView)
+
+- (UIView *)view
+{
+  return [[ReactNativeLiquidGlassView alloc] init];
+}
+
+RCT_EXPORT_VIEW_PROPERTY(glassType, NSString)
+RCT_EXPORT_VIEW_PROPERTY(glassTintColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(glassOpacity, NSNumber)
+RCT_EXPORT_VIEW_PROPERTY(reducedTransparencyFallbackColor, NSString)
+RCT_EXPORT_VIEW_PROPERTY(isInteractive, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(ignoreSafeArea, BOOL)
+
+@end

package/ios/Views/AdvancedBlurView.swift

@@ -1,65 +1,35 @@
 import SwiftUI
 import UIKit
 
-// MARK: - UIKit Wrapper
+// MARK: - UIKit Wrapper for Blur
 
 @objc public class AdvancedBlurView: UIView {
 
   private var hostingController: UIHostingController<BasicColoredView>?
 
-  @objc public var glassTintColor: UIColor = .clear {
-    didSet {
-      updateView()
-    }
-  }
-
-  @objc public var glassOpacity: Double = 1.0 {
-    didSet {
-      updateView()
-    }
-  }
-
   @objc public var blurAmount: Double = 10.0 {
     didSet {
       updateView()
     }
   }
 
-  @objc public var type: String = "blur" {
-    didSet {
-      updateView()
-    }
-  }
-
   @objc public var blurTypeString: String = "xlight" {
     didSet {
       updateView()
     }
   }
 
-  @objc public var glassType: String = "clear" {
-    didSet {
-      updateView()
-    }
-  }
-
   @objc public var reducedTransparencyFallbackColor: UIColor = .white {
     didSet {
       updateView()
     }
   }
 
-  @objc public var isInteractive: Bool = true {
-    didSet {
-      updateView()
-    }
-  }
-
   @objc public var ignoreSafeArea: Bool = false {
     didSet {
       updateView()
     }
-  }
+ }
 
   public override init(frame: CGRect) {
     super.init(frame: frame)
@@ -88,15 +58,10 @@ import UIKit
 
     let blurStyle = blurStyleFromString(blurTypeString)
     let swiftUIView = BasicColoredView(
-      glassTintColor: glassTintColor,
-      glassOpacity: glassOpacity,
       blurAmount: blurAmount,
       blurStyle: blurStyle,
-      type: type,
-      glassType: glassType,
-      reducedTransparencyFallbackColor: reducedTransparencyFallbackColor,
-      isInteractive: isInteractive,
-      ignoreSafeArea: ignoreSafeArea
+      ignoreSafeArea: ignoreSafeArea,
+      reducedTransparencyFallbackColor: reducedTransparencyFallbackColor
     )
 
     let hosting = UIHostingController(rootView: swiftUIView)
@@ -124,7 +89,7 @@ import UIKit
       setupHostingController()
     }
   }
-  
+
   public override func didMoveToWindow() {
     super.didMoveToWindow()
     if window != nil {

package/ios/Views/BasicColoredView.swift

@@ -3,42 +3,25 @@
 import SwiftUI
 import UIKit
 
-// MARK: - SwiftUI View Component
+// MARK: - SwiftUI View Component for Blur
 
 struct BasicColoredView: View {
-  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
 
   let isReducedTransparencyEnabled = UIAccessibility.isReduceTransparencyEnabled
 
-
-  init(glassTintColor: UIColor,
-       glassOpacity: Double,
-       blurAmount: Double,
+  init(blurAmount: Double,
        blurStyle: UIBlurEffect.Style,
-       type: String,
-       glassType: String,
-       reducedTransparencyFallbackColor: UIColor,
-       isInteractive: Bool,
-       ignoreSafeArea: Bool = false) {
-    self.glassTintColor = glassTintColor
-    self.glassOpacity = glassOpacity
+       ignoreSafeArea: Bool,
+       reducedTransparencyFallbackColor: UIColor) {
     self.blurAmount = blurAmount
     self.blurStyle = blurStyle
-    self.type = type
-    self.glassType = glassType
-    self.reducedTransparencyFallbackColor = reducedTransparencyFallbackColor
-    self.isInteractive = isInteractive
     self.ignoreSafeArea = ignoreSafeArea
-
+    self.reducedTransparencyFallbackColor = reducedTransparencyFallbackColor
     self.blurIntensity = mapBlurAmountToIntensity(blurAmount)
   }
 
@@ -54,34 +37,7 @@ struct BasicColoredView: View {
           .fill(Color(reducedTransparencyFallbackColor))
       )
     } else {
-      if (type == "liquidGlass"){
-        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)
-          )
-      }
+      AnyView(regularBlurView)
     }
   }