Category "react-navigation"

How to set the background color of Tab.Navigator?

As you can see below, I've tried many ways of setting the background color to green, all to no avail. The background remains blue like the image. The inactiveC

React navigation 5 really slow and dropping JS FPS on Expo

I am currently working on a React Native (Expo) App and I am facing some performance issues. I have not found any answer yet for my problem so I hope someone ca

Why Navigation.goBack() not working properly?

I am using following way to create navigation system StackNavigator -> DrawerNavigator -> (Screen A, Screen B, Screen C) Screen A is initial Route Scre

requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager when running android app

When running an application on android i get this error. It builds correctly but crashes with exception. I have installed React-native-screens, @React-native/na

Get the current active screen route of the tab navigator in react navigation

This is my navigation stack using react navigation v3.2.1: I have a switch navigator to switch to Authentication navigation stack and Authenticated App stack.

react native top tab bar navigator: indicator width to match text

I have three tabs in a top tab bar navigation with different width text. Is it possible to make the indicator width match the text? On a similar note, how can

Command Failed: gradlew.bat installDebug error whenever installing dependencies like navigation, firebase, icons etc in React-Native

When ever i install any dependency in my react native project and when ever i use link command for e.g react-native link react-native-gesture-handler this cause

React Native Drawer Item I want to set icon right side via

Please check screenshot 1 - Screenshot of Code 2 - Screenshot of Sidemenu

Redirect to another screen after login. (React Native)

So I edited this with just one file; everything is there but I still can't seem to make it work. Directory Structure: LoginScreen.js import { StackNavigator,

Refresh Screen A when goBack with React Native using Hooks

I have a simple doubt that I can hope somebody can help me with. I have a simple app that hava a main screen where loads all data that I get from a SQLite datab

React Native Tabnavigation Animation

I've implemented the tabnavigator with animation enabled with the following codes (ommitted icons codes for readability). As you can see the navigation, as I

Navigation error: Null is not an object (evaluating '_navigation$getParam.id')

I don't know why my navigation isn't working properly, it throws me the following error every time I want to navigate back to my EventAssistants screen from my

Modifying back button with react-navigation on specific screen

Here I'm using react-navigation as my navigation library. How can I change the back button (that is added automatically by react-navigation) functionality for a

Leave screen callback React Navigation Tab Navigator

I have a React Navigation Tab Component like this: const RootNavigator=TabNavigator({ Home:{ screen: Home ,navigationOptions:{ tabBarIcon: ({fo

How to set document title by React Native Web with react-navigation?

My web application is created by React Native Web with react-navigator. react-navigator sets RouteName as document.title in default. ex. <Stack.Navigator scr

Type error in getting route params within nested navigator using Typescript [react-navigation v6]

Having a navigation type definition as bellow, when I navigate from e.g AOne to BTwo with id:99 the console log of props.route.params shows correct info. But p

React Navigation v5 use custom header

Is it possible to have a custom header if I set the header to be off in React-Navigation V5? I tried to, but the headerLeft and headerRight seems to do nothing,

Calling a function when opening a react-native screen

I'm trying to load a JSON from AsyncStorage every time a user opens one of my react-native screens (I'm using StackNavigator). This JSON contains information on

Deep Linking with react-navigation does not work

Actually, I'm developing an app on react-native 0.58 with react-navigation 3.1.5, and I can't make my app run properly. This is my code: app-navigation.js co

Deep Linking with react-navigation does not work

Actually, I'm developing an app on react-native 0.58 with react-navigation 3.1.5, and I can't make my app run properly. This is my code: app-navigation.js co