Search bar disappeared after replacing react-native-screens/native-stack with @react-navigation/native-stack — is it a bug?

[SimpleCreations]

Hello!

3.6.0 got released today with a warning when importing from react-native-screens/native-stack package.
I've replaced the import with @react-navigation/native-stack, but after running the app, it has no search bar anymore.
Additionally, I get a TypeScript error because it can't find the searchBar screen option in the type definitions.

I used the minimal repro from this issue: #1027 (the code is the same, the library has been upgraded to 3.6.0).

[kacperkapusciak]

Hi @SimpleCreations,
many props were renamed between versions including searchBar. In @react-navigation/native-stack this prop is called headerSearchBarOptions.

native-stack documentation in React Navigation v6

Cheers!

[SimpleCreations]

Thank you, worked like a charm!
Although couldn't find an equivalent of disableBackButtonMenu: true in @react-navigation/native-stack. Is it available?

[kacperkapusciak]

@SimpleCreations
We've missed it! Thanks for pointing that out. It will be probably available in the next release of @react-navigation/native-stack
react-navigation/react-navigation#9881
react-navigation/react-navigation.github.io#1049