-
-
Notifications
You must be signed in to change notification settings - Fork 606
Description
Description
When using headerSearchBarOptions on iOS, focusing the search text field causes the entire navigation header to disappear, including:
headerTitleheaderLeftheaderRight
This happens consistently on iOS 26.0–26.2 (tested), and the header reappears only after the search field loses focus.
Expected behavior:
When the search bar is focused, the navigation header should remain visible or behave like the native iOS search-in-header experience, preserving title and header actions.
Actual behavior:
As soon as the search bar receives focus, the header becomes hidden/blank. No title or header buttons are rendered during focus.
This appears to be an iOS-only issue related to native header handling.
Screenshots showing before/after focus are attached.
Steps to reproduce
- Create a screen using
@react-navigation/native-stack - Configure
headerSearchBarOptionson the screen - Render a header with
headerTitle,headerLeft, and/orheaderRight - Run the app on iOS
- Tap the search bar to focus it
- Observe that the entire header disappears while the search bar is focused
Snack or a link to a repository
Images Attached
Screens version
4.16.0
React Native version
0.81.5
Platforms
iOS
JavaScript runtime
Hermes
Workflow
Expo managed workflow
Architecture
Fabric (New Architecture)
Build type
Debug mode
Device
Real device
Device model
iPhone 16 Pro (iOS 26.2)
Acknowledgements
Yes

