React Templates & Themes Logo React Templates & Themes
Ex Navigation screenshot

Ex Navigation

Author Avatar Theme by Expo
Updated: 14 Feb 2019
994 Stars

Route-centric navigation for React Native

Github

Categories

React native

Overview

ExNavigation is a route-centric navigation library designed for Expo and React Native that seamlessly operates on both Android and iOS platforms. It offers a variety of features such as Android back button handling, tab bar navigation, drawer navigation, sliding tab navigation, alert bars, and declarative configuration alongside routes.

Features

  • Android back button handling: Works seamlessly without additional configuration.
  • Tab bar navigation: Easily navigate through tabs within the application.
  • Drawer navigation: Access different screens with a convenient drawer menu.
  • Sliding tab navigation: Navigate through tabs with a sliding motion.
  • Optional blurred translucent backgrounds: Provides a visually appealing design for navigation and tab bars on iOS.
  • Alert bars: Display important alerts or messages within the app.
  • Declarative configuration: Configure settings along with routes for a more organized setup.
  • Typed with Flow: Utilizes Flow for type checking and improved code quality.

Installation

To install ExNavigation, ensure your React Native version is >=0.36.0. Use the following npm command:

npm i @expo/ex-navigation babel-preset-react-native-stage-0 --save

Update your .babelrc file with the necessary preset. For more detailed documentation and examples, refer to the example project in the example/ directory.

To run the example project, navigate to the example directory, install dependencies with npm install, and open the project using the Expo client or XDE. Alternatively, access the project on your mobile device via the provided Expo link.

Summary

ExNavigation is a versatile navigation library for Expo and React Native that simplifies route-centric navigation on Android and iOS platforms. With its user-friendly features like tab bar navigation, drawer navigation, and alert bars, developers can enhance the navigation experience of their applications. Additionally, ExNavigation’s compatibility with Flow for type checking ensures a more robust and reliable coding environment.