@lodev09/react-native-true-sheet 3.6.0 → 3.6.2

package/ios/TrueSheetViewController.mm

@@ -123,6 +123,14 @@
   return window ? window.safeAreaInsets.bottom : 0;
 }
 
+- (BOOL)isDesignCompatibilityMode {
+  if (@available(iOS 26.0, *)) {
+    NSNumber *value = [[NSBundle mainBundle] objectForInfoDictionaryKey:@"UIDesignRequiresCompatibility"];
+    return value.boolValue;
+  }
+  return NO;
+}
+
 - (NSInteger)currentDetentIndex {
   UISheetPresentationController *sheet = self.sheet;
   if (!sheet)
@@ -661,12 +669,27 @@
 }
 
 - (void)setupBackground {
+  BOOL useBackgroundEffect = NO;
+  if (@available(iOS 26.1, *)) {
+    useBackgroundEffect = !self.isDesignCompatibilityMode;
+  }
+
   // iOS 26.1+: use native backgroundEffect when only backgroundBlur is set (no backgroundColor)
+  // Fall back to TrueSheetBlurView when blur intensity is set (not 100%) since
+  // sheet.backgroundEffect doesn't support intensity control
   if (@available(iOS 26.1, *)) {
-    if (!self.backgroundColor && self.backgroundBlur && self.backgroundBlur.length > 0) {
-      UIBlurEffectStyle style = [BlurUtil blurEffectStyleFromString:self.backgroundBlur];
-      self.sheet.backgroundEffect = [UIBlurEffect effectWithStyle:style];
-      return;
+    if (useBackgroundEffect) {
+      BOOL hasCustomIntensity = self.blurIntensity && [self.blurIntensity floatValue] < 100;
+      if (!self.backgroundColor && self.backgroundBlur && self.backgroundBlur.length > 0) {
+        if (hasCustomIntensity) {
+          // Clear native effect to allow custom blur view with intensity
+          self.sheet.backgroundEffect = [UIColorEffect effectWithColor:[UIColor clearColor]];
+        } else {
+          UIBlurEffectStyle style = [BlurUtil blurEffectStyleFromString:self.backgroundBlur];
+          self.sheet.backgroundEffect = [UIBlurEffect effectWithStyle:style];
+          return;
+        }
+      }
     }
   }
 
@@ -696,12 +719,13 @@
   }
 
   if (@available(iOS 26.1, *)) {
-    if (self.backgroundColor) {
+    if (useBackgroundEffect && self.backgroundColor) {
       self.sheet.backgroundEffect = [UIColorEffect effectWithColor:self.backgroundColor];
+      return;
     }
-  } else {
-    self.view.backgroundColor = self.backgroundColor;
   }
+
+  self.view.backgroundColor = self.backgroundColor;
 }
 
 - (void)setupGrabber {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "3.6.0",
+  "version": "3.6.2",
   "description": "The true native bottom sheet experience for your React Native Apps.",
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",