React Native Navigation (+RTL)

React Native Navigation provides 100% native platform navigation on both iOS and Android for React Native apps. The JavaScript API is simple and cross-platform - just install it in your app and give your users the native feel they deserve. Ready to get started? Check out the docs.

This repo is a fork of Wix / React Native Navigation

~~If you don't need RTL, I recommend to use main repo instead~~ RTL PR got merged into main repo, but Android BottomTabs and iOS Back Button Options are available only in this repo.

Based on v2.21.0.

RTL Layout

{
    layout: {
      direction: 'rtl' // or ltr
    }
}

[Android] BottomTabs Selected Icon

also you can set bottom tabs selected icon, identical to iOS API.

{
  bottomTab: {
    text: "Title",
    icon: "Default Icon",
    selectedIcon: "Selected Icon",
    selectedTextColor: "#888888",
    fontFamily: "Font Name",
    selectedFontSize: 10
  }
}

[iOS] Back Button Text Options

{
  topBar: {
    backButton: {
      fontFamily: "Font Name",
      fontSize: 18,
      textColor: "#888888"
    }
  }
}

Quick Links

Installation

As react-native-navigation-rtl is a native navigation library - integrating it into your app will require editing native files. Follow the installation guides in the documentation.

Follow official installation instructions, but instead of react-native-navigation install react-native-navigation-rtl package.