Skip to main content

Building custom screen transitions with react-native-screen-transitions

· 9 min read
Ed
React Native Screen Transitions

There are a few ways to make an app feel more alive, and I'm a big believer that motion is one of them.

Most people already know their OS animations by muscle memory. That's why a custom transition can land so well: used in the right place, it breaks the routine just enough to make a flow feel intentional.

react-native-screen-transitions is a React Navigation transition toolkit for flows that need more control over navigation motion. In this article, we'll recreate an iOS-style page transition, then build up to a bounds-driven navigation.zoom() flow.

React Navigation 8.0 - March Progress Report

· 10 min read

We've been busy since the first alpha release of React Navigation 8.0. Our main focuses have been improving the DX around deep linking and TypeScript, and using modern features and patterns such as React.Activity and other React features such as Suspense, React Native features as PlatformColor, validation with Standard Schema etc.

This post covers the features and improvements that landed since the first alpha release back in December 2025.

React Navigation 8.0 Alpha

· 12 min read

We're excited to announce the first alpha release of React Navigation 8.0.

For this release, we tried to minimize large breaking changes when possible, and focused on improvements such as better TypeScript types, native bottom tabs as the default, and various other new features. There are many more improvements planned for the final release.

Bottom Tabs meet Native

· 5 min read
Oskar Kwaśniewski
Oskar Kwaśniewski
Callstack

This is a guest post by Oskar Kwaśniewski, creator of react-native-bottom-tabs, a library exposing native tab primitives that integrates with React Navigation. If you like this guide, check out the react-native-bottom-tabs documentation for more!

This blog post will explain the differences between the JavaScript Bottom Tabs navigator and provide a step-by-step guide for integrating React Navigation with the Native Bottom Tabs Navigator.

React Navigation 7.0 Release Candidate

· 4 min read

We're excited to announce the release candidate of React Navigation 7.0.

This release includes a new static API that simplifies the configuration of navigators and improves TypeScript and deep linking support. As well as various other improvements and new features.

Introducing Static API

· 5 min read

Two of the major pain points of using React Navigation have been TypeScript and deep linking configuration. Due to the dynamic nature of the navigators, it is necessary to manually maintain the TypeScript and deep linking configuration to match the navigation structure. This can be error-prone and time-consuming.

To solve this, we’re adding a new static API to React Navigation 7. It’s not the same API as React Navigation 4, but it’s similar. Many apps don’t need the features that the dynamic API provides, and they can use the simpler static API instead to simplify their codebase.

On the way to React Navigation 6.0

· 3 min read

We're excited to announce that we finally have a prerelease version of React Navigation 6. We released React Navigation 5 more than half a year ago, and it brought a lot of new possibilities with the new dynamic API, and was met with overwhelmingly positive reaction. Since then, we've been working on incremental improvements and refinements to the library and thinking about how to make it even better. This brings us to the next major version of React Navigation.

React Navigation joins GitHub Sponsors

· 5 min read
Brent Vatne
Core Team

tl;dr: We joined GitHub Sponsors, click here to see our sponsors page and become a sponsor!


React Navigation is depended on by some of the most respected engineering organizations, well-known brands, and talented startups. It's used by financial services apps like Brex and Coinbase Pro; educational apps like Codecademy Go and DataCamp; consumer apps like Shop from Shopify, Bloomberg, TaskRabbit, and Th3rdwave; entertainment apps like the National Football League (NFL) (in their main app and several others), Cameo, Tracker Network for Fortnite, and the Call of Duty companion app from Activision Blizzard. One of my personal favourite apps using React Navigation is Readwise, I love making my coffee with Single Origin 2, and managing household chores with Sweepy.

We've also seen React Navigation used in apps that help in the fight against COVID-19. Our favourites are How We Feel by Pinterest co-founder and CEO Ben Silbermann and a team from Pinterest in collaboration with leading scientists (article) and COVID Symptom Study by ZOE Global in association with King's College London (article).