When using the BackgroundColor prop, the border outline of a detached true sheet is only visible at the corners, with no border outline appearing along the top, bottom, or sides.

[alihameed2002]

When using the BackgroundColor prop, the border outline of a detached true sheet is only visible at the corners, with no border appearing along the top, bottom, or sides.

version 3.5.8

Expo development build
iPhone 11 Pro max (not simulator)
iOS 26.2

[lodev09]

This was an issue on IOS 26, luckily there is now a proper fix starting at IOS 26.1 🎉

[lodev09]

Fixed in #350

[alihameed2002]

Thanks for the response, and thank you for the amazing work on react-native-true-sheet, PR #350 has fixed this by using native UIColorEffect via sheet.backgroundEffect instead of setting self.view.backgroundColor directly. Great fix!

we've applied the fix locally using patch-package with the following patch:

--- a/node_modules/@lodev09/react-native-true-sheet/ios/TrueSheetViewController.mm
+++ b/node_modules/@lodev09/react-native-true-sheet/ios/TrueSheetViewController.mm
@@ -682,7 +682,15 @@ - (void)setupSheetProps {
sheet.preferredCornerRadius = UISheetPresentationControllerAutomaticDimension;
}

• self.view.backgroundColor = self.backgroundColor;

• // iOS 26.1+ fix: Use native UIColorEffect for backgroundColor to avoid pixelated border corners

• // See: fix(ios): use native backgroundEffect for blur on iOS 26.1+ #350

• if (@available(iOS 26.1, *)) {

• if (self.backgroundColor) {

•  sheet.backgroundEffect = [UIColorEffect effectWithColor:self.backgroundColor];
  

• }

• } else {

• self.view.backgroundColor = self.backgroundColor;

• }

  NSString *effectiveBlurTint = self.blurTint;
  if (@available(iOS 26.0, *)) {

This is working perfectly on our end.

Would something like this be included in a new release as a fix for this issue?

Thanks again for maintaining this library!