react-native-router-flux: IMPORTANT: v4 beta release is ready (v3 is not supported anymore)

Please check latest 4.0.0-beta.* , Example as demo: https://github.com/aksonov/react-native-router-flux/tree/v4

V4 Features:

• Based on latest https://reactnavigation.org API
• Separated navigation logic from presentation. You may change now navigation state directly from your business logic code - stores/reducers/etc. navigationStore
• Built-in state machine (former Switch replacement) - each ‘scene’ has onEnter/onExit handlers.
• MobX-powered, all used scenes are wrapped as ‘observer’ automatically. You may subscribe to navigationStore (former Actions), observe current navigation state, etc. If you are using Redux, you still could pass your reducer factory to createReducer param for Router.
• Flexible nav bar customization, that is not allowed by react navigation right now: https://github.com/react-community/react-navigation/issues/779
• Built-in reactnavigation drawer support (use drawer attribute for Scene and contentComponent to use your own Drawer)
• ‘Lightbox’ support (used by popups like Error alert within Example project)

Breaking changes (comparing to v3):

1. No duration/panHandlers support - you have to implement custom navigator now instead and pass it as ‘navigator’ prop: https://reactnavigation.org/docs/navigators/custom

2. No support for partial hiding of tab bar for some tabs because of react navigation bug: https://github.com/react-community/react-navigation/issues/1584

3. No possibility to skip animation during reset/replace: https://github.com/react-community/react-navigation/issues/1493

4. Switch is removed - you may use onEnter (or just on) / onExit handlers for more flexible logic. They could be async functions. Success termination of onEnter will run success handler, failure handler will be run otherwise. You can pass just state keys to success/failure too. This way you can create very complex state machine and don’t use Switch or navigation from componentDidMount.

5. getSceneStyle is removed (no needed in v4).

6. Custom reducer (‘createReducer prop for Router) - Redux actions now are passed from React Navigation (‘Navigation/BACK’, ‘Navigation/NAVIGATE’, etc.)

7. Drawer is ‘drawer’ attribute Scene

8. Modal is ‘modal’ attribute for Scene

9. No flux ‘focus’ actions - use onEnter/onExit handlers instead.

As you can see React Navigation still contains some issues, but anyway it is more stable than obsolete ‘react-native-experimental-navigation’ used by v3 now.

Here is link about road to v1 (so you can see all issues at one place): https://github.com/react-community/react-navigation/issues/723