react-navigation-shared-element
React Navigation bindings for react-native-shared-element 💫 (by IjzerenHein)
react-navigation
Routing and navigation for React Native and Web apps (by react-navigation)
| react-navigation-shared-element | react-navigation | |
|---|---|---|
| 11 | 77 | |
| 1,289 | 24,133 | |
| 0.0% | 0.1% | |
| 2.7 | 9.6 | |
| over 2 years ago | 4 days ago | |
| TypeScript | TypeScript | |
| MIT License | - |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-navigation-shared-element
Posts with mentions or reviews of react-navigation-shared-element.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-02-17.
-
Testing shared elements transition for my app
I use react-navigation-shared-element. The API is really straight forward.
-
Releasing Reanimated 3.0
This one? It's been unmaintained for quite some time now. I've held off from using it just because of this. It's nice that we now get this support from the Reanimated team & React Navigation no need for extra community packages.
-
Hey Peoples I was wondering is there a library I could use to implement this: as I tap the screen the user details appear. Any point to the right direction would help. Thanks
Most part can be done with animation library as other mentioned. The initial transition between two screens seems like a shared element. Check some idea from here: https://github.com/IjzerenHein/react-native-shared-element
- How can I create this type of animated navigation with react native?
- iOS app opening style transitions in RN?
- You can implement shared element transitions like those in the iOS App Store with react-navigation-shared-element
-
Shared transitions are really cool, but you might not know how to create one with React Native. This one is similar to FB Marketplace and you can learn how to make one too :) Hope the short tutorial can be helpful to you (see the comments)
Issue
-
App Store shared transition made with react-native and reanimated 2
Something similar could be done with https://github.com/IjzerenHein/react-navigation-shared-element
- How can I have this transition effect in my app?
- Planets App UI design using React Native.
react-navigation
Posts with mentions or reviews of react-navigation.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2025-05-30.
-
Introduction to React Native for Mobile Development
React Navigation Docs
-
🚀 Why You Should Start Building Cross-Platform Apps with React Native & Expo Right Now!
✅ React Navigation –For smooth screen navigation. Guide
-
5 Easy Methods to Implement Dark Mode in React Native
Deciding on a navigation library is one of the most discussed topics in the React Native community. One of the top advantages of React Navigation is theme support. This offloads the implementation of making themes from developers.
-
An Android Developer's Guide to React Native
No Built-in System: Unlike Android's core Intent and Activity systems, React Native doesn't have a built-in navigation framework. Instead you need to chose a 3P library, React Navigation being the most widely adopted solution.
-
Must-Know React Native Libraries for Faster Mobile App Development in 2025 🚀
2. React Navigation – Seamless Navigation Made Easy 🗺️
- Fundamentals of React Native App Development: Dependencies, Performance, Native Modules, and Publishing Guide
-
Journeying from React to React Native
Navigation: While in React you might typically using React Router for web navigation, React Native has its own React Navigation library. This is because React (Web) typically uses URL-based navigation, where different components are rendered based on the current URL path. Whereas React Native uses stack-based navigation, mimicking the native mobile app experience. Screens are ‘stacked’ on top of each other, with transitions pushing new screens onto the stack or ‘popping’ them off.
-
From React to React Native – A Beginner-Friendly Guide🚀
Unlike React apps that rely on React Router for navigation, React Native uses libraries like React Navigation. You'll need to understand how stack navigation, tab navigation, and drawer navigation work in a mobile context.
-
Transitioning from React.js to React Native
React Native: Navigation is more complex due to native mobile paradigms. It uses libraries like React Navigation or Native Navigation, which enable stack-based navigation patterns similar to those found in native apps.
-
🚀 Introducing NextSolution V2: ASP.NET API + Next.js + Expo Starter Template
This template was built using a variety of powerful frameworks and tools, including: .NET, Ngrok, JWT (JSON Web Tokens), Entity Framework, AutoMapper, FluentValidation, Flurl, Humanizer, libphonenumber-csharp, MailKit, OAuth, Serilog, Twilio, Swagger, React.js, React Native, React Navigation, Axios, Expo Dev, Lodash, NativeWind, React Hook Form, Zustand, Visual Studio Code, Visual Studio, Android Studio, Git, GitHub Copilot, Node.js, React Native Paper, NextUI
What are some alternatives?
When comparing react-navigation-shared-element and react-navigation you can also consider the following projects:
v-shared-element - Declarative shared-element transitions for Vue.js
react-native-simple-toast - Cross-platform Toast experience for React Native
react-native-template - An opinionated template to bootstrap your next React Native app with all the time-wasting packages you need to have.
react-native-tab-view - A cross-platform Tab View component for React Native
app-store-animation - App Store shared transition
react-native-chart-kit - 📊React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph (heatmap)