React Navigation showing blank screen on Windows, when following basic template of Home and Details

[emanuelmartin]

Current behavior

I'm using the basic template code from the guide at https://reactnavigation.org/docs/hello-react-navigation

When I tap to Details, it navigates properly
When I tap to Details... again, it navigates properly
When I tap to Go Back, it shows a blank screen
When I tap to Go to Home, it shows a blank screen
Tried also replacing navigate('Home') with popToTop()

Clean project was created today

Expected behavior

To be able to navigate back, to home, to top or to Home component from Details screen

Reproduction

https://snack.expo.dev/Xu2pvXZKS

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-bottom-tabs
• @react-navigation/material-top-tabs
• @react-navigation/stack
• @react-navigation/native-stack

Environment

• I've removed the packages that I don't use

package	version
@react-navigation/native	6.0.8
@react-navigation/native-stack	6.5.0
react-native-safe-area-context	3.3.2
react-native-screens	3.11.1
react-native	0.67.0
react-native-windows	0.67.1
node	14.18.0
npm

[github-actions]

Couldn't find version numbers for the following packages in the issue:

• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-bottom-tabs
• @react-navigation/material-top-tabs
• @react-navigation/stack

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

[github-actions]

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

[christopherallis]

I am also having the same exact issue. Did you ever get passed this, @emanuelmartin?

[christopherallis]

Here is my own repository with the issue.
https://github.com/christopherallis/barebone-react-navigation-stack-navigator-app

[hasselmann-click]

Same issue here with StackNavigator or NativeStackNavigator.

Edit: As a workaround I use @react-navigation v4.x SwitchNavigator with backBehavior: 'order'. There the "back" navigation works as expected.

[daanlenaerts]

I am having the same problem. Did anyone come up with a solution?

[github-actions]

Hey! Thanks for opening the issue. Windows and MacOS support in React Navigation is a community effort. We don't have the resources to test and maintain these platforms. Any help with fixing issues on these platforms is appreciated. Please feel free to open a PR to fix the issue.

[Victor0814gui]

testing it I found that all stack functions work using drawer navigation

[Victor0814gui]

I still don't know how to inspect the problem, but you can create using a drawer navigation, and hide there using drawerType: 'slide' in screenOptions

[sachin9990]

@Victor0814gui Can you please provide us with your repo? I too am facing the same issue.

[Victor0814gui]

@sachin9990 yes definitely,

[kovacmatic]

Any progress here?

[daaanigm]

I had similar problems. I think react navigation doesn't work fine in Windows, I think it is due to uncompatible libraries versions, but I finally I got it working with these dependencies:

 "@react-navigation/drawer": "7.0.0-alpha.1",
 "@react-navigation/native": "6.1.3",
 "@react-navigation/stack": "6.3.12",
 "@types/": "react-navigation/drawer",
 "react": "18.2.0",
 "react-native": "0.72.5",
 "react-native-gesture-handler": "2.9.0",
 "react-native-reanimated": "2.1.0",
 "react-native-safe-area-context": "^4.2.4",
 "react-native-screens": "2.18.1",
 "react-native-windows": "0.72.10"

[Victor0814gui]

@sachin9990, I apologize for the delay, I completely forgot. Here is the link to a repository https://github.com/Victor0814gui/settings-11-clone. I tested it in debug and release modes, and it works well.

[Victor0814gui]

I believe this might no longer be necessary as there is a PR that addressed this here: software-mansion/react-native-screens#1890.