[BottomSheet] `@react-navigation/stack` header draws over an open sheet on iOS

[kilarsky]

Reproduction

https://github.com/kilarsky/swm-bottom-sheet-stack-header-above-sheet-repro

The content is a FlatList of 30 items on the default detents ([0, 'content']). No
extra props, no wrapper.

1. Launch the app with js-stack selected.
2. Tap Open sheet.
3. Look at the top edge of the sheet where it meets the navigation header.
4. Close the sheet, tap native-stack, and open the sheet again.

Summary

I put an inline BottomSheet next to NavigationContainer and open it to the content
detent, which reaches its full height. The @react-navigation/stack header keeps
drawing on top of the sheet. Everything else on the screen goes under it.

Point the same screen at @react-navigation/native-stack and the sheet covers the
header up to the sheet's top edge.

Expected

The sheet covers the header the same way it covers the rest of the screen.

Actual

Host	Header while the sheet is open
js-stack	draws over the sheet
native-stack	covered by the sheet

Environment

Package	Version
@swmansion/react-native-bottom-sheet	0.16.2
@react-navigation/stack	7.10.22
@react-navigation/native-stack	7.18.9
@react-navigation/native	7.3.16

iOS only.

npx expo-env-info

   expo-env-info 2.1.0 environment info:
    System:
      OS: macOS 26.5.2
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 22.18.0 - /usr/local/bin/node
      Yarn: 1.22.22 - /usr/local/bin/yarn
      npm: 10.9.3 - /usr/local/bin/npm
      Watchman: 2025.09.15.00 - /opt/homebrew/bin/watchman
    Managers:
      CocoaPods: 1.16.2 - /Users/.../.rbenv/shims/pod
    SDKs:
      iOS SDK:
        Platforms: DriverKit 25.5, iOS 26.5, macOS 26.5, tvOS 26.5, visionOS 26.5, watchOS 26.5
    IDEs:
      Android Studio: 2026.1 AI-261.26222.65.2613.16025427
      Xcode: 26.5/17F42 - /usr/bin/xcodebuild
    npmPackages:
      expo: ~57.0.15 => 57.0.15 
      react: 19.2.3 => 19.2.3 
      react-native: 0.86

npx expo-doctor

21/21 checks passed. No issues detected!