Skip to main content
Version: 5.x

Community-developed Navigators and Libraries

Libraries listed in this guide may not have been updated to work with the latest version of React Navigation. Please refer to the library's documentation to see which version of React Navigation it supports.

Fluid Transitions

Fluid Transitions is a library that provides Shared Element Transitions during navigation between screens using react-navigation.

A Shared Element Transition is the visualization of an element in one screen being transformed into a corresponding element in another screen during the navigation transition.

The library implements a custom navigator called FluidNavigator that makes all this and more possible.



react-navigation-collapsible is a library and a Higher Order Component that adjusts your screen options and makes your screen header collapsible.

Since react-navigation's header is designed as Animated component, you can animate the header by passing Animated.Value from your ScrollView or FlatList to the header.

Demo on Snack


This project aims to expose native navigation container components to React Native and React Navigation can integrate with it since version 2.14.0. Using react-native-screens brings several benefits, such as support for the "reachability feature" on iOS, and improved memory consumption on both platforms.


Helps you to render buttons in the navigation bar and handle the styling so you don't have to. It tries to mimic the appearance of native navbar buttons and attempts to offer a simple interface for you to interact with.

Demo on expo


Provides simple HOCs that map react-navigation props to your screen components directly - ie. instead of const user = this.props.route.params.activeUser, you'd write const user = this.props.activeUser.


Easily handle Android back button behavior with React-Navigation with a component based API.