Skip to content

iOS: Focusing headerSearchBarOptions hides entire navigation header (title, headerLeft, headerRight) #3510

@tyler6204

Description

@tyler6204

Description

When using headerSearchBarOptions on iOS, focusing the search text field causes the entire navigation header to disappear, including:

  • headerTitle
  • headerLeft
  • headerRight

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.

Image
Image

Steps to reproduce

  1. Create a screen using @react-navigation/native-stack
  2. Configure headerSearchBarOptions on the screen
  3. Render a header with headerTitle, headerLeft, and/or headerRight
  4. Run the app on iOS
  5. Tap the search bar to focus it
  6. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Missing reproThis issue need minimum repro scenarioPlatform: iOSThis issue is specific to iOS

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions