React Navigation Shared Element
React Navigation bindings for react-native-shared-element 💫
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| React Navigation | 22,734 |  | 5,261 | 985 | 3 days ago | 204 | June 22, 2023 | 682 | TypeScript | |
| Routing and navigation for your React Native apps | ||||||||||
| React Native Navigation | 12,894 |  | 932 | 167 | 4 days ago | 3,041 | August 02, 2023 | 223 | mit | MDX |
| A complete native navigation solution for React Native | ||||||||||
| React Native Router Flux | 9,013 |  | 3,478 | 99 | 3 months ago | 273 | March 26, 2021 | 338 | mit | JavaScript |
| The first declarative React Native router | ||||||||||
| React Data Grid | 6,262 |  | 441 | 256 | 3 days ago | 1,034 | August 01, 2023 | 155 | other | TypeScript |
| Feature-rich and customizable data grid React component | ||||||||||
| Wouter | 5,500 |  | 7 | 61 | a day ago | 49 | May 17, 2023 | 21 | JavaScript | |
| 🥢 A minimalist-friendly ~1.5KB routing for React and Preact. Nothing else but HOOKS. | ||||||||||
| Rnstudynotes | 3,761 | 3 years ago | 13 | Objective-C | ||||||
| React Native 研究与实践 | ||||||||||
| Native Navigation | 3,132 |  | 10 | 3 | 7 months ago | 8 | April 17, 2017 | 65 | mit | Java |
| Native navigation library for React Native applications | ||||||||||
| React Native Screens | 2,671 |  | 7,739 | 1,005 | 2 days ago | 131 | August 04, 2023 | 109 | mit | TypeScript |
| Native navigation primitives for your React Native app. | ||||||||||
| React Awesome Slider | 2,601 |  | 42 | 48 | 9 months ago | 45 | February 21, 2020 | 76 | mit | JavaScript |
| React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱 | ||||||||||
| React Tv | 1,949 |  | 9 | 8 | a year ago | 30 | October 31, 2018 | 30 | mit | JavaScript |
| [ Unmaintained due to raphamorim/react-ape ] React Renderer for low memory applications | ||||||||||
Alternatives To React Navigation Shared ElementSelect To Compare
Alternative Project Comparisons
Readme
LOOKING FOR A NEW HOME OR MAINTAINER
Both react-native-shared-element and react-navigation-shared-element are looking for a new Home or Maintainer. It is no longer possible for me to maintain these repositories. Please reach out to me personally if you want to take over maintenance or have ideas or suggestions for a new home.
Read the full statement here.
React Navigation Shared Element
React Navigation bindings for react-native-shared-element
Documentation
- Shared element for the React Navigation 5/6 API
- Shared element for the React Navigation 4 API
- Migration guide
Compatibility
The following versions or react-navigation and the stack navigator are supported.
| Version | React-Navigation | Comments |
|---|---|---|
| 3.x | 4, 5 & 6 | Import from react-navigation-shared-element/build/v4 to use it with 4.x. |
| 2.x | 3 & 4 | This version is compatible with react-navigation-stack@2. |
| 1.x | 3 & 4 | This version is compatible with react-navigation-stack@1. |
Things to know
-
react-navigation-shared-elementuses the JS based Stack Navigator. The Native Stack Navigator is currently under development here. Also see this issue. -
React Navigation 6
Groupcomponents are not yet supported. - On detaching inactive screens a blink may occur on Android. Because of this
detachInactiveScreensis set tofalseby default on Android.
Demo App
Videos
- Snapchat Shared Transitions - Can it be done in React Native? (with react-navigation v5)
- Airbnb Shared Transition - Can it be done in React Native? (with react-navigation v4)
Sponsors
This library is made possible by these wonderful people and companies.
License
React navigation shared element library is licensed under The MIT License.
Popular Navigation Projects
Popular Reactjs Projects
Popular User Interface Categories
Related Searches
Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Typescript
Reactjs
Navigation
Transition
React Navigation