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

package/android/src/main/java/com/lodev09/truesheet/TrueSheetView.kt

@@ -222,6 +222,10 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
     viewController.grabberOptions = options
   }
 
+  fun setSheetElevation(elevation: Float) {
+    viewController.sheetElevation = elevation
+  }
+
   fun setDetents(newDetents: MutableList<Double>) {
     viewController.detents = newDetents
   }

package/android/src/main/java/com/lodev09/truesheet/TrueSheetViewController.kt

@@ -35,6 +35,7 @@ import com.lodev09.truesheet.core.TrueSheetDimViewDelegate
 import com.lodev09.truesheet.core.TrueSheetKeyboardObserver
 import com.lodev09.truesheet.core.TrueSheetKeyboardObserverDelegate
 import com.lodev09.truesheet.core.TrueSheetStackManager
+import com.lodev09.truesheet.utils.KeyboardUtils
 import com.lodev09.truesheet.utils.ScreenUtils
 
 // =============================================================================
@@ -177,6 +178,12 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
       if (isPresented) sheetView?.setupBackground()
     }
 
+  override var sheetElevation: Float = -1f
+    set(value) {
+      field = value
+      if (isPresented) sheetView?.setupElevation()
+    }
+
   var dismissible: Boolean = true
     set(value) {
       field = value
@@ -318,8 +325,10 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     isPresented = false
     isSheetVisible = false
     wasHiddenByModal = false
+    isKeyboardTransitioning = false
     isPresentAnimating = false
     lastEmittedPositionPx = -1
+    detentIndexBeforeKeyboard = -1
     shouldAnimatePresent = true
   }
 
@@ -407,6 +416,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     if (newState == BottomSheetBehavior.STATE_HIDDEN) {
       if (isDismissing) return
       isDismissing = true
+      dismissKeyboard()
       emitWillDismissEvents()
       finishDismiss()
       return
@@ -471,8 +481,6 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
         delegate?.viewControllerDidDragEnd(detentInfo.index, detentInfo.position, detent)
 
         if (detentInfo.index != currentDetentIndex) {
-          presentPromise?.invoke()
-          presentPromise = null
           currentDetentIndex = detentInfo.index
           setupDimmedBackground(detentInfo.index)
           delegate?.viewControllerDidChangeDetent(detentInfo.index, detentInfo.position, detent)
@@ -645,6 +653,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     setupDimmedBackground(currentDetentIndex)
     setupKeyboardObserver()
     sheet.setupBackground()
+    sheet.setupElevation()
     sheet.setupGrabber()
 
     if (shouldAnimatePresent) {
@@ -665,6 +674,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     if (isDismissing) return
 
     isDismissing = true
+    dismissKeyboard()
     emitWillDismissEvents()
 
     if (animated) {
@@ -675,6 +685,10 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     }
   }
 
+  private fun dismissKeyboard() {
+    KeyboardUtils.dismiss(reactContext)
+  }
+
   private fun dismissOrCollapseToLowest() {
     if (dismissible) {
       dismiss(animated = true)
@@ -845,7 +859,8 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
 
   fun updateDimAmount(sheetTop: Int? = null, animated: Boolean = false) {
     if (!dimmed) return
-    val top = (sheetTop ?: sheetView?.top ?: return) + currentKeyboardInset
+    val keyboardOffset = if (isDismissing) 0 else currentKeyboardInset
+    val top = (sheetTop ?: sheetView?.top ?: return) + keyboardOffset
 
     if (animated) {
       val targetAlpha = dimView?.calculateAlpha(
@@ -912,7 +927,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
         override fun keyboardWillHide() {
           if (!shouldHandleKeyboard()) return
           setupSheetDetents()
-          if (detentIndexBeforeKeyboard >= 0) {
+          if (!isDismissing && detentIndexBeforeKeyboard >= 0) {
             setStateForDetentIndex(detentIndexBeforeKeyboard)
             detentIndexBeforeKeyboard = -1
           }

package/android/src/main/java/com/lodev09/truesheet/TrueSheetViewManager.kt

@@ -173,8 +173,8 @@ class TrueSheetViewManager :
     }
   }
 
-  @ReactProp(name = "blurTint")
-  override fun setBlurTint(view: TrueSheetView, tint: String?) {
+  @ReactProp(name = "backgroundBlur")
+  override fun setBackgroundBlur(view: TrueSheetView, tint: String?) {
     // iOS-specific prop - no-op on Android
   }
 
@@ -198,6 +198,11 @@ class TrueSheetViewManager :
     // iOS-specific prop - no-op on Android
   }
 
+  @ReactProp(name = "elevation", defaultDouble = -1.0)
+  override fun setElevation(view: TrueSheetView, elevation: Double) {
+    view.setSheetElevation(elevation.toFloat())
+  }
+
   companion object {
     const val REACT_CLASS = "TrueSheetView"
     const val TAG_NAME = "TrueSheet"

package/android/src/main/java/com/lodev09/truesheet/core/TrueSheetBottomSheetView.kt

@@ -18,6 +18,7 @@ import com.google.android.material.bottomsheet.BottomSheetBehavior
 interface TrueSheetBottomSheetViewDelegate {
   val isTopmostSheet: Boolean
   val sheetCornerRadius: Float
+  val sheetElevation: Float
   val sheetBackgroundColor: Int?
   val grabber: Boolean
   val grabberOptions: GrabberOptions?
@@ -37,6 +38,7 @@ class TrueSheetBottomSheetView(private val reactContext: ThemedReactContext) : F
     private const val GRABBER_TAG = "TrueSheetGrabber"
     private const val DEFAULT_CORNER_RADIUS = 16f // dp
     private const val DEFAULT_MAX_WIDTH = 640 // dp
+    private const val DEFAULT_ELEVATION = 4f // dp
   }
 
   // =============================================================================
@@ -138,6 +140,12 @@ class TrueSheetBottomSheetView(private val reactContext: ThemedReactContext) : F
     }
   }
 
+  fun setupElevation() {
+    val value = delegate?.sheetElevation ?: DEFAULT_ELEVATION
+    val effectiveElevation = if (value < 0) DEFAULT_ELEVATION else value
+    elevation = effectiveElevation.dpToPx()
+  }
+
   // =============================================================================
   // MARK: - Grabber
   // =============================================================================

package/android/src/main/java/com/lodev09/truesheet/core/TrueSheetKeyboardObserver.kt

@@ -8,6 +8,7 @@ import androidx.core.view.ViewCompat
 import androidx.core.view.WindowInsetsAnimationCompat
 import androidx.core.view.WindowInsetsCompat
 import com.facebook.react.uimanager.ThemedReactContext
+import com.lodev09.truesheet.utils.KeyboardUtils
 
 interface TrueSheetKeyboardObserverDelegate {
   fun keyboardWillShow(height: Int)
@@ -59,7 +60,7 @@ class TrueSheetKeyboardObserver(private val targetView: View, private val reactC
     }
   }
 
-  private fun getKeyboardHeight(insets: WindowInsetsCompat?): Int = insets?.getInsets(WindowInsetsCompat.Type.ime())?.bottom ?: 0
+  private fun getKeyboardHeight(): Int = KeyboardUtils.getKeyboardHeight(targetView)
 
   private fun setupAnimationCallback() {
     ViewCompat.setWindowInsetsAnimationCallback(
@@ -69,14 +70,14 @@ class TrueSheetKeyboardObserver(private val targetView: View, private val reactC
         private var endHeight = 0
 
         override fun onPrepare(animation: WindowInsetsAnimationCompat) {
-          startHeight = getKeyboardHeight(ViewCompat.getRootWindowInsets(targetView))
+          startHeight = getKeyboardHeight()
         }
 
         override fun onStart(
           animation: WindowInsetsAnimationCompat,
           bounds: WindowInsetsAnimationCompat.BoundsCompat
         ): WindowInsetsAnimationCompat.BoundsCompat {
-          endHeight = getKeyboardHeight(ViewCompat.getRootWindowInsets(targetView))
+          endHeight = getKeyboardHeight()
           targetHeight = endHeight
           isHiding = endHeight < startHeight
           if (endHeight > startHeight) {
@@ -99,7 +100,7 @@ class TrueSheetKeyboardObserver(private val targetView: View, private val reactC
         }
 
         override fun onEnd(animation: WindowInsetsAnimationCompat) {
-          val finalHeight = getKeyboardHeight(ViewCompat.getRootWindowInsets(targetView))
+          val finalHeight = getKeyboardHeight()
           updateHeight(startHeight, finalHeight, 1f)
           if (isHiding) {
             delegate?.keyboardDidHide()

package/android/src/main/java/com/lodev09/truesheet/utils/KeyboardUtils.kt

@@ -0,0 +1,29 @@
+package com.lodev09.truesheet.utils
+
+import android.content.Context
+import android.view.View
+import android.view.inputmethod.InputMethodManager
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsCompat
+import com.facebook.react.uimanager.ThemedReactContext
+
+object KeyboardUtils {
+
+  /**
+   * Dismisses the soft keyboard if currently shown.
+   */
+  fun dismiss(reactContext: ThemedReactContext) {
+    val imm = reactContext.getSystemService(Context.INPUT_METHOD_SERVICE) as? InputMethodManager
+    reactContext.currentActivity?.currentFocus?.let { focusedView ->
+      imm?.hideSoftInputFromWindow(focusedView.windowToken, 0)
+    }
+  }
+
+  /**
+   * Gets the current keyboard height from window insets.
+   */
+  fun getKeyboardHeight(view: View): Int {
+    val insets = ViewCompat.getRootWindowInsets(view)
+    return insets?.getInsets(WindowInsetsCompat.Type.ime())?.bottom ?: 0
+  }
+}

package/ios/TrueSheetView.mm

@@ -134,7 +134,7 @@ using namespace facebook::react;
   _controller.backgroundColor = RCTUIColorFromSharedColor(newProps.backgroundColor);
 
   // Blur tint
-  _controller.blurTint = !newProps.blurTint.empty() ? RCTNSStringFromString(newProps.blurTint) : nil;
+  _controller.backgroundBlur = !newProps.backgroundBlur.empty() ? RCTNSStringFromString(newProps.backgroundBlur) : nil;
 
   // Blur options
   const auto &blurOpts = newProps.blurOptions;

package/ios/TrueSheetViewController.h

@@ -61,7 +61,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, assign) BOOL draggable;
 @property (nonatomic, assign) BOOL dimmed;
 @property (nonatomic, strong, nullable) NSNumber *dimmedDetentIndex;
-@property (nonatomic, copy, nullable) NSString *blurTint;
+@property (nonatomic, copy, nullable) NSString *backgroundBlur;
 @property (nonatomic, strong, nullable) NSNumber *blurIntensity;
 @property (nonatomic, assign) BOOL blurInteraction;
 @property (nonatomic, assign) BOOL pageSizing;

package/ios/TrueSheetViewController.mm

@@ -11,6 +11,7 @@
 #import "core/TrueSheetBlurView.h"
 #import "core/TrueSheetDetentCalculator.h"
 #import "core/TrueSheetGrabberView.h"
+#import "utils/BlurUtil.h"
 #import "utils/GestureUtil.h"
 #import "utils/WindowUtil.h"
 
@@ -77,6 +78,10 @@
 
 #pragma mark - Computed Properties
 
+- (UISheetPresentationController *)sheet {
+  return self.sheetPresentationController;
+}
+
 - (BOOL)isTopmostPresentedController {
   if (!self.isViewLoaded || self.view.window == nil) {
     return NO;
@@ -85,7 +90,7 @@
 }
 
 - (UIView *)presentedView {
-  return self.sheetPresentationController.presentedView;
+  return self.sheet.presentedView;
 }
 
 - (CGFloat)currentPosition {
@@ -119,7 +124,7 @@
 }
 
 - (NSInteger)currentDetentIndex {
-  UISheetPresentationController *sheet = self.sheetPresentationController;
+  UISheetPresentationController *sheet = self.sheet;
   if (!sheet)
     return -1;
 
@@ -134,7 +139,6 @@
         return i;
       }
     } else {
-      // iOS 15 only supports medium/large system detents
       if ([selectedIdentifier isEqualToString:UISheetPresentationControllerDetentIdentifierMedium]) {
         return 0;
       } else if ([selectedIdentifier isEqualToString:UISheetPresentationControllerDetentIdentifierLarge]) {
@@ -491,7 +495,7 @@
 #pragma mark - Sheet Configuration
 
 - (void)setupSheetDetentsForSizeChange {
-  [self.sheetPresentationController animateChanges:^{
+  [self.sheet animateChanges:^{
     _pendingContentSizeChange = YES;
     [self setupSheetDetents];
   }];
@@ -503,7 +507,7 @@
 }
 
 - (void)setupSheetDetents {
-  UISheetPresentationController *sheet = self.sheetPresentationController;
+  UISheetPresentationController *sheet = self.sheet;
   if (!sheet) {
     RCTLogError(@"TrueSheet: sheetPresentationController is nil in setupSheetDetents");
     return;
@@ -593,7 +597,7 @@
 }
 
 - (UISheetPresentationControllerDetentIdentifier)detentIdentifierForIndex:(NSInteger)index {
-  UISheetPresentationController *sheet = self.sheetPresentationController;
+  UISheetPresentationController *sheet = self.sheet;
   if (!sheet) {
     RCTLogError(@"TrueSheet: sheetPresentationController is nil in detentIdentifierForIndex");
     return UISheetPresentationControllerDetentIdentifierMedium;
@@ -615,8 +619,7 @@
 }
 
 - (void)applyActiveDetent {
-  UISheetPresentationController *sheet = self.sheetPresentationController;
-  if (!sheet) {
+  if (!self.sheet) {
     RCTLogError(@"TrueSheet: sheetPresentationController is nil in applyActiveDetent");
     return;
   }
@@ -638,7 +641,7 @@
 
   UISheetPresentationControllerDetentIdentifier identifier = [self detentIdentifierForIndex:clampedIndex];
   if (identifier) {
-    sheet.selectedDetentIdentifier = identifier;
+    self.sheet.selectedDetentIdentifier = identifier;
   }
 }
 
@@ -657,62 +660,55 @@
   [self applyActiveDetent];
 }
 
-- (void)setupSheetProps {
-  UISheetPresentationController *sheet = self.sheetPresentationController;
-  if (!sheet) {
-    RCTLogWarn(
-      @"TrueSheet: No sheet presentation controller available. Ensure the view controller is presented modally.");
-    return;
-  }
-
-  sheet.delegate = self;
-
-  if (@available(iOS 17.0, *)) {
-    sheet.prefersPageSizing = self.pageSizing;
-  }
-
-  sheet.prefersEdgeAttachedInCompactHeight = YES;
-
-  // When draggable is disabled, prevent scrolling from expanding the sheet
-  sheet.prefersScrollingExpandsWhenScrolledToEdge = self.draggable;
-
-  if (self.cornerRadius) {
-    sheet.preferredCornerRadius = [self.cornerRadius floatValue];
-  } else {
-    sheet.preferredCornerRadius = UISheetPresentationControllerAutomaticDimension;
+- (void)setupBackground {
+  // iOS 26.1+: use native backgroundEffect when only backgroundBlur is set (no backgroundColor)
+  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;
+    }
   }
 
-  self.view.backgroundColor = self.backgroundColor;
-
-  NSString *effectiveBlurTint = self.blurTint;
+  NSString *effectiveBackgroundBlur = self.backgroundBlur;
   if (@available(iOS 26.0, *)) {
-    // iOS 26+ has defualt liquid glass effect
-  } else if ((!effectiveBlurTint || effectiveBlurTint.length == 0) && !self.backgroundColor) {
-    effectiveBlurTint = @"system-material";
+    // iOS 26+ has default liquid glass effect
+  } else if ((!effectiveBackgroundBlur || effectiveBackgroundBlur.length == 0) && !self.backgroundColor) {
+    effectiveBackgroundBlur = @"system-material";
   }
 
-  BOOL blurTintChanged = ![_blurView.blurTint isEqualToString:effectiveBlurTint];
+  BOOL blurChanged = ![_blurView.backgroundBlur isEqualToString:effectiveBackgroundBlur];
 
-  if (_blurView && blurTintChanged) {
+  if (_blurView && blurChanged) {
     [_blurView removeFromSuperview];
     _blurView = nil;
   }
 
-  if (effectiveBlurTint && effectiveBlurTint.length > 0) {
+  if (effectiveBackgroundBlur && effectiveBackgroundBlur.length > 0) {
     if (!_blurView) {
       _blurView = [[TrueSheetBlurView alloc] init];
       [_blurView addToView:self.view];
     }
-    _blurView.blurTint = effectiveBlurTint;
+    _blurView.backgroundBlur = effectiveBackgroundBlur;
     _blurView.blurIntensity = self.blurIntensity;
     _blurView.blurInteraction = self.blurInteraction;
     [_blurView applyBlurEffect];
   }
 
+  if (@available(iOS 26.1, *)) {
+    if (self.backgroundColor) {
+      self.sheet.backgroundEffect = [UIColorEffect effectWithColor:self.backgroundColor];
+    }
+  } else {
+    self.view.backgroundColor = self.backgroundColor;
+  }
+}
+
+- (void)setupGrabber {
   BOOL showGrabber = self.grabber && self.draggable;
 
   if (self.grabberOptions) {
-    sheet.prefersGrabberVisible = NO;
+    self.sheet.prefersGrabberVisible = NO;
 
     NSDictionary *options = self.grabberOptions;
     _grabberView.grabberWidth = options[@"width"];
@@ -724,14 +720,40 @@
     [_grabberView applyConfiguration];
     _grabberView.hidden = !showGrabber;
 
-    // Ensure grabber is above container/header views
     [self.view bringSubviewToFront:_grabberView];
   } else {
-    sheet.prefersGrabberVisible = showGrabber;
+    self.sheet.prefersGrabberVisible = showGrabber;
     _grabberView.hidden = YES;
   }
 }
 
+- (void)setupSheetProps {
+  UISheetPresentationController *sheet = self.sheet;
+  if (!sheet) {
+    RCTLogWarn(
+      @"TrueSheet: No sheet presentation controller available. Ensure the view controller is presented modally.");
+    return;
+  }
+
+  sheet.delegate = self;
+
+  if (@available(iOS 17.0, *)) {
+    sheet.prefersPageSizing = self.pageSizing;
+  }
+
+  sheet.prefersEdgeAttachedInCompactHeight = YES;
+  sheet.prefersScrollingExpandsWhenScrolledToEdge = self.draggable;
+
+  if (self.cornerRadius) {
+    sheet.preferredCornerRadius = [self.cornerRadius floatValue];
+  } else {
+    sheet.preferredCornerRadius = UISheetPresentationControllerAutomaticDimension;
+  }
+
+  [self setupBackground];
+  [self setupGrabber];
+}
+
 #pragma mark - UISheetPresentationControllerDelegate
 
 - (void)sheetPresentationControllerDidChangeSelectedDetentIdentifier:

package/ios/core/TrueSheetBlurView.h

@@ -12,7 +12,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 @interface TrueSheetBlurView : UIVisualEffectView
 
-@property (nonatomic, copy, nullable) NSString *blurTint;
+@property (nonatomic, copy, nullable) NSString *backgroundBlur;
 @property (nonatomic, strong, nullable) NSNumber *blurIntensity;
 @property (nonatomic, assign) BOOL blurInteraction;
 

package/ios/core/TrueSheetBlurView.mm

@@ -7,49 +7,12 @@
 //
 
 #import "TrueSheetBlurView.h"
+#import "BlurUtil.h"
 
 @implementation TrueSheetBlurView {
   UIViewPropertyAnimator *_blurAnimator;
 }
 
-#pragma mark - Private
-
-+ (UIBlurEffectStyle)blurEffectStyleFromString:(NSString *)tintString {
-  static NSDictionary<NSString *, NSNumber *> *styleMap = nil;
-  static dispatch_once_t onceToken;
-  dispatch_once(&onceToken, ^{
-    styleMap = @{
-      @"dark" : @(UIBlurEffectStyleDark),
-      @"light" : @(UIBlurEffectStyleLight),
-      @"extra-light" : @(UIBlurEffectStyleExtraLight),
-      @"regular" : @(UIBlurEffectStyleRegular),
-      @"prominent" : @(UIBlurEffectStyleProminent),
-      @"system-ultra-thin-material" : @(UIBlurEffectStyleSystemUltraThinMaterial),
-      @"system-thin-material" : @(UIBlurEffectStyleSystemThinMaterial),
-      @"system-material" : @(UIBlurEffectStyleSystemMaterial),
-      @"system-thick-material" : @(UIBlurEffectStyleSystemThickMaterial),
-      @"system-chrome-material" : @(UIBlurEffectStyleSystemChromeMaterial),
-      @"system-ultra-thin-material-light" : @(UIBlurEffectStyleSystemUltraThinMaterialLight),
-      @"system-thin-material-light" : @(UIBlurEffectStyleSystemThinMaterialLight),
-      @"system-material-light" : @(UIBlurEffectStyleSystemMaterialLight),
-      @"system-thick-material-light" : @(UIBlurEffectStyleSystemThickMaterialLight),
-      @"system-chrome-material-light" : @(UIBlurEffectStyleSystemChromeMaterialLight),
-      @"system-ultra-thin-material-dark" : @(UIBlurEffectStyleSystemUltraThinMaterialDark),
-      @"system-thin-material-dark" : @(UIBlurEffectStyleSystemThinMaterialDark),
-      @"system-material-dark" : @(UIBlurEffectStyleSystemMaterialDark),
-      @"system-thick-material-dark" : @(UIBlurEffectStyleSystemThickMaterialDark),
-      @"system-chrome-material-dark" : @(UIBlurEffectStyleSystemChromeMaterialDark),
-    };
-  });
-
-  NSNumber *style = styleMap[tintString];
-  if (style) {
-    return (UIBlurEffectStyle)[style integerValue];
-  }
-
-  return UIBlurEffectStyleLight;
-}
-
 #pragma mark - Initialization
 
 - (instancetype)init {
@@ -76,7 +39,7 @@
 
   // Create animator only once
   if (!_blurAnimator) {
-    UIBlurEffectStyle style = [TrueSheetBlurView blurEffectStyleFromString:self.blurTint];
+    UIBlurEffectStyle style = [BlurUtil blurEffectStyleFromString:self.backgroundBlur];
     UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:style];
 
     __weak __typeof(self) weakSelf = self;

package/ios/utils/BlurUtil.h

@@ -0,0 +1,23 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface BlurUtil : NSObject
+
++ (UIBlurEffectStyle)blurEffectStyleFromString:(NSString *)tintString;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif

package/ios/utils/BlurUtil.mm

@@ -0,0 +1,53 @@
+//
+//  Created by Jovanni Lo (@lodev09)
+//  Copyright (c) 2024-present. All rights reserved.
+//
+//  This source code is licensed under the MIT license found in the
+//  LICENSE file in the root directory of this source tree.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "BlurUtil.h"
+
+@implementation BlurUtil
+
++ (UIBlurEffectStyle)blurEffectStyleFromString:(NSString *)tintString {
+  static NSDictionary<NSString *, NSNumber *> *styleMap = nil;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    styleMap = @{
+      @"dark" : @(UIBlurEffectStyleDark),
+      @"light" : @(UIBlurEffectStyleLight),
+      @"extra-light" : @(UIBlurEffectStyleExtraLight),
+      @"regular" : @(UIBlurEffectStyleRegular),
+      @"prominent" : @(UIBlurEffectStyleProminent),
+      @"system-ultra-thin-material" : @(UIBlurEffectStyleSystemUltraThinMaterial),
+      @"system-thin-material" : @(UIBlurEffectStyleSystemThinMaterial),
+      @"system-material" : @(UIBlurEffectStyleSystemMaterial),
+      @"system-thick-material" : @(UIBlurEffectStyleSystemThickMaterial),
+      @"system-chrome-material" : @(UIBlurEffectStyleSystemChromeMaterial),
+      @"system-ultra-thin-material-light" : @(UIBlurEffectStyleSystemUltraThinMaterialLight),
+      @"system-thin-material-light" : @(UIBlurEffectStyleSystemThinMaterialLight),
+      @"system-material-light" : @(UIBlurEffectStyleSystemMaterialLight),
+      @"system-thick-material-light" : @(UIBlurEffectStyleSystemThickMaterialLight),
+      @"system-chrome-material-light" : @(UIBlurEffectStyleSystemChromeMaterialLight),
+      @"system-ultra-thin-material-dark" : @(UIBlurEffectStyleSystemUltraThinMaterialDark),
+      @"system-thin-material-dark" : @(UIBlurEffectStyleSystemThinMaterialDark),
+      @"system-material-dark" : @(UIBlurEffectStyleSystemMaterialDark),
+      @"system-thick-material-dark" : @(UIBlurEffectStyleSystemThickMaterialDark),
+      @"system-chrome-material-dark" : @(UIBlurEffectStyleSystemChromeMaterialDark),
+    };
+  });
+
+  NSNumber *style = styleMap[tintString];
+  if (style) {
+    return (UIBlurEffectStyle)[style integerValue];
+  }
+
+  return UIBlurEffectStyleLight;
+}
+
+@end
+
+#endif

package/lib/module/TrueSheet.js

@@ -260,7 +260,7 @@ export class TrueSheet extends PureComponent {
       initialDetentIndex = -1,
       initialDetentAnimated = true,
       dimmedDetentIndex,
-      blurTint,
+      backgroundBlur,
       blurOptions,
       cornerRadius,
       maxHeight,
@@ -269,7 +269,9 @@ export class TrueSheet extends PureComponent {
       children,
       style,
       header,
+      headerStyle,
       footer,
+      footerStyle,
       insetAdjustment = 'automatic',
       ...rest
     } = this.props;
@@ -295,7 +297,7 @@ export class TrueSheet extends PureComponent {
       ref: this.nativeRef,
       style: styles.sheetView,
       detents: resolvedDetents,
-      blurTint: blurTint,
+      backgroundBlur: backgroundBlur,
       blurOptions: blurOptions,
       backgroundColor: backgroundColor,
       cornerRadius: cornerRadius,
@@ -332,13 +334,13 @@ export class TrueSheet extends PureComponent {
       children: this.state.shouldRenderNativeView && /*#__PURE__*/_jsxs(TrueSheetContainerViewNativeComponent, {
         style: containerStyle,
         children: [header && /*#__PURE__*/_jsx(TrueSheetHeaderViewNativeComponent, {
-          style: styles.header,
+          style: [styles.header, headerStyle],
           children: /*#__PURE__*/isValidElement(header) ? header : /*#__PURE__*/createElement(header)
         }), /*#__PURE__*/_jsx(TrueSheetContentViewNativeComponent, {
           style: [style, contentStyle],
           children: children
         }), footer && /*#__PURE__*/_jsx(TrueSheetFooterViewNativeComponent, {
-          style: styles.footer,
+          style: [styles.footer, footerStyle],
           children: /*#__PURE__*/isValidElement(footer) ? footer : /*#__PURE__*/createElement(footer)
         })]
       })