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

• Documentation
• Stack Overflow
• Chat with us
• Contributing

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.