react-navigation is no longer supported

[Epicurean]

Environment

1. react-native -v: 0.57.5
2. npm ls rnpm-plugin-windows: 0.2.8
3. npm ls react-native-windows: 0.57.0-rc.0
4. node -v: 10.9.0
5. npm -v: 6.2.0

• Target Platform: UWP

• Target Platform Version(s): UWP - 10.0.14393, .NET 4.6.1

• Target Device(s): Desktop

• Development Operating System: Windows 10

• Visual Studio Version: VS 2017

• Build Configuration: Debug

Steps to Reproduce

1. install fresh react-native proj
2. install windows plugin
3. npm install react-navigation
4. run app

Expected Behavior

Application should load without problems

Actual Behavior

Error when loading package: Unable to resolve module gestureHandlerRootHOC. There seems to be a dependency on react-native-gesture-handler which does not support UWP.

Reproducible Demo

[JulianAssmann]

I'm encountering the same problem. Does someone know an alternative that works with windows too?

[phamngocduy98]

I've fixed your error by adding a new file gestureHandlerRootHOC.windows.js with the content of gestureHandlerRootHOC.android.js in node_modules\react-native-gesture-handler
I can use createBottomTabNavigator without any problem

but I got new error when trying to use createStackNavigator and createSwitchNavigator

Anyone know which navigation is now working for react-native-windows?

[creambyemute]

V2 of React-Navigation should work.

Not sure if V3 will ever work :/

[phamngocduy98]

V2 of React-Navigation should work.

Not sure if V3 will ever work :/

I've tried to downgrade to v2.18.3 use yarn add react-navigation@2.18.3 but not work

[rozele]

@Epicurean may also be worth a try to post an issue to the react-navigation repo. I recall chatting with the gesture-handler folks a long time ago and the plan at hat time was to create some backward compatibility, e.g., by falling back to JS-based gesture handling.

[hmheng]

I tried react-navigation 3..5.1, it works provided the react-native-gesture-handler@1.1.0 is installed. but 1.1.0 will break android

[hmheng]

Somehow I got it works on both Android & Windows with following packages:

"@babel/runtime": "^7.4.2",
"react": "^16.8.6",
"react-native": "^0.57.8",
"react-native-gesture-handler": "^1.1.0",
"react-native-windows": "^0.57.0-rc.5",
"react-navigation": "^3.5.1"

"schedule": "^0.4.0"

[YajanaRao]

I tried with react navigation 4 and it is not working.