callstack/workshop-navigation

Navigation in React Native workshop.

JavaScript

Workshop - React Native navigation

Official workshop of React Native EU

ReactNavigation example using react-community/react-navigation library
wixNavigation example using wix/react-native-navigation library

What we cover

react-navigation

StackNavigator
Headers
Push & Pop screen
Reset/Replace screen (Login pattern)
DrawerNavigator
TabNavigator
Platform specific navigation
Deep linking
Redux integration (handling everything by ourselves: Back button, better deep linking, etc)

react-native-navigation

Stack
Headers
Push & Pop screen
Reset/Replace screen (Login pattern)
Drawer navigation for Android
Bottom tabs navigation for iOS
Top Tabs
Modal and lightboxes
Deep linking