React Navigation v7: Static Routes, Auth Flows, Animations & More!

React Navigation 7 finally gives tabs proper animations and lets you move the tab bar wherever you want: top, bottom, or as a sidebar on web. In the video I set up the release candidate in a fresh Expo project and try the new features hands-on, including the static API that brings real type safety to your routes.

The best part is that it's backwards compatible, so you can mix static and dynamic APIs and migrate at your own pace.

What's inside

• Install the v7 release candidate in a clean Expo TypeScript project
• Add shift and fade animations to tab transitions
• Position the tab bar per platform: bottom on mobile, sidebar on web
• Mix static and dynamic APIs in the same navigator tree
• Get autocomplete and type checking on routes and params
• Preload screens before navigating for snappier transitions

Resources

CourseReact Native course

Go deeper in the Expo Router section: 115 minutes on file routing, auth flows, and deep linking.