gitmyhub

react-native-navigation

MDX ★ 13k updated 7h ago

A complete native navigation solution for React Native

A React Native library by Wix that handles screen navigation in mobile apps using the real native navigation components built into iOS and Android, so transitions and gestures feel exactly like native apps.

React NativeJavaScriptTypeScriptiOSAndroidsetup: moderatecomplexity 3/5

React Native Navigation is a library created by Wix that handles in-app screen transitions for mobile apps built with React Native. When you build a mobile app, you need a way to move users from one screen to another, such as from a login page to a home screen, or from a list view to a detail view. This library takes care of that.

The key thing that sets this library apart is that it uses the native navigation tools built into iOS and Android rather than simulating them in JavaScript. That means the swipe gestures, transitions, and tab bars your users see are the real thing, behaving exactly as they would in apps built from scratch in Swift or Kotlin.

From a code perspective, the API is designed to look the same whether you are writing for iOS or Android. You write your navigation logic once and it works on both platforms. Wix, the company behind website builder tools by the same name, developed and maintains this project.

Getting it set up requires some work beyond a standard JavaScript package install. Because it hooks into native code, you will need to make changes to files in the iOS and Android parts of your project. The documentation walks through that process, and there is a Discord community and Stack Overflow tag if you run into questions.

The library targets iOS 11 and Android 5.0 as the minimum supported versions. Development can be done on Windows, macOS, or Linux. The README is brief and points to external documentation for the bulk of the setup and usage details.

Where it fits