Category "react-navigation"

Deprecation in "navigationOptions": -"header: null" will be removed

React navigation version 4.3.9 My iOS emulator is throwing an annoying warning, but otherwise it works. I have a stack navigator with a number of screens. My Ap

React Navigation : native Stack Navigator / native-stack is much slower on Android since React Native 0.68.1

Since I updated to Expo 45 and RN 0.68, @react-navigation/native-stack StackActions.push() animation is very smooth but much slower on Android (I didn't notice

react-navigation: How to change tabBar color based on current tab

I'm getting started with react-navigation. How do I change the tabBar background color when I change tab? Here is some pseudo-code showing what I'm hoping for:

React Navigation: Is there a way to add another instance of a screen on top of an existing instance of that screen in StackNavigator?

In my React Native app, I have a stack navigator with screens A, B, and C. Screen A displays info on a given user. I want to create a switch user button on scre

On React-native, on Android, canOpenURL fails & OpenURL throw an error: Could not open URL

On a React-Native mobile app Linking.canOpenURL and Linking.openURL fail if the URL refers to an app screen, while it works when referring to an HTTPS URL. I su

React-native animation only running on initial screen render on bottom tabbar

After upgrading react-navigation to v6, my custom animations on tabbar items are only running once (when screen is initially rendered) and I cannot figure out w

A blank white screen in the React Navigation. React Native

I have a project on React Native and sometimes when errors occur, the application gets on the wrong route in the React Navigation. Therefore, I get a blank whit

The best way to create a scrollable tab in the middle of the screen?

The mobile app of Twitter has a scrollable tab in the middle of the screen when you are on your profile. The top half of the screen displaying your profile in

React-Navigation v5 - transparency between stack navigators

Hey I have a problem with transparency when using more than one Stack.Navigator. I create 2 Stack.Navigators -> one for Screens, and one for Popups. The i

Pass Props StackNavigator

i try to pass props on stacknavigator, here my code const MainCart = StackNavigator({ Cart: { screen: CartScreen }, Checkout: { screen:

React-Navigation go to same route with different params

I am using a React-Navigation screen with the name "User" to show info about a particular user. When navigating to this route I pass the param "id" which tells

React Native IllegalViewOperationException: StackOverflowException Android

CONFIGURATION I have this setup: RootNavigation import React from "react"; import { createNativeStackNavigator } from '@react-navigation/native-stack'; import

realm.js - Accessing object of type Contact which has been invalidated or deleted with NO stack trace

Would (really) appreciate help on this one. I have a realm listView which navigates away to a detailed view. The detailed view is deleting the entry from the or

Disable swipe gesture from opening the navigation drawer using react-navigation

I am using react-navigation (https://reactnavigation.org) and I am trying to disable the option that the side drawer opens when the user swipes right/left I`ve

react-navigation swipe to go back doesn't trigger

I am using stack navigation and I want to use swipe to go back. However, even when I swipe the screen all the way to the right the app doesn't navigate to the p

Not getting updated redux-persist state inside React-navigation useFocusEffect hook

I am using react-navigation(5.6.1) with redux-persist(6.0.0) on my react-native project. One of my reducer is persisted(profile). I added a focus event listener

Invariant Violation: "main" has not been registered

New to React Native: I started a brand new project with Expo init and then I followed the instructions mentioned inhttps://reactnavigation.org/docs/hello-react

React native modal vs react-navigation modal, which is more performant?

As of now, I am using React native modal right now. My modal contains some lightweight animation inside it. Now some questions are poking for a while. Should I

KeyboardAvoidingViev not working on iOS with react navigation header and material bottom tabs?

You find a minimal repo here and a minimal snack available here. They both show the issue nicely with very minimal code. I found lots of questions online about

Reset navigation history to Login screen using react navigation

I would like after Login (Welcome) the user to navigate to Home. I reset the history so the user cannot go back like this: const actionToDispatch = NavigationA