Questions tagged [react-navigation]

An easy-to-use navigation solution to be used in React Native projects

React Navigation is a easy to use navigation solution for projects. It supports both Android and iOS platforms with platform specific UI design and behavior.

This library completely coded with Javascript which let's you customize any part of it with the desired behavior without the need of any native code knowledge.

It is built and funded by Expo, with contributions from the community.

Resources

8419 questions
2
votes
1 answer

How to Debug Analytics in React Native Firebase using Expo?

I'm working on an app in React Native and I use Expo to run it on iOS and Android simulators. I've connected React Native Firebase to React Navigation and I use logScreenView to log data to GA. How can I turn on the Debug Mode in RNFirebase to…
2
votes
1 answer

ValidationError: Invalid options object. expo-router config plugin has been initialized using an options object that does not match the API schema

I'm trying to migrate a project using React Navigation to Expo Router. Got this error: ValidationError: Invalid options object. expo-router config plugin has been initialized using an options object that does not match the API schema. options…
2
votes
1 answer

React Native - How to handle error The action 'NAVIGATE' with payload .. was not handled by any navigator?

Im trying to handle the error The action 'NAVIGATE' with payload .. was not handled by any navigator tried having a no route match. the documentation says: const config = { screens: { Home: { initialRouteName: 'Feed', screens:…
2
votes
1 answer

Reset parent in nested navigation route using React Navigation in React Native

So I've created a navigation using React Navigation (v6) as follows: Home Work - Work.js Work Details - WorkDetails.js Upon selecting a specific work item from the Work overview screen (Work.js), you're taken to directed to the Word Details…
Jamie
  • 1,340
  • 11
  • 22
2
votes
1 answer

navigation stack not displaying

i have my react native code, and im trying to add navigation to it, but its showing blank, if i try to console log anything in the stack the console log shows but the screens itself doesn't show, this is my screen: import React, { useEffect,…
Curtis Crentsil
  • 459
  • 6
  • 20
2
votes
0 answers

React Native windows simple stack navigation screen transition not working

I want to create a simple React App with stack navigation between two screens 'Home' and 'Profile'. Each Screen has a button which navigates the app to the other screen. App.tsx import React from 'react' import { SafeAreaView } from…
2
votes
1 answer

stack.screen not working. contents inside stack.screen is not showing on the expo

ScreenHeaderBtn in the is not showing in expo. Only the contents under the View is showing in expo. I have imported stack. Is there something that needs to be installed or imported to use ? import { useState } from…
phpnew
  • 31
  • 5
2
votes
1 answer

Invariant Violation: requireNativeComponent: "RNSScreenNavigationContainer" was not found in the UIManager

When I run the React Native app using the Expo Go app on iOS, it runs without problems, but when I run it using the Expo Go app on Android, an error occurs. Invariant Violation: requireNativeComponent: "RNSScreenNavigationContainer" was not…
2
votes
0 answers

React Native state gets reseted when navigation.goBack() is used in realm schema listener

I have a listing screen where I list some data, and another one for data input. When the listing screen opens, I fetch the data from the local database and put them in the state. And also set up schema change listener for newly inserted data. From…
2
votes
1 answer

Expo-Router Tab Navigator, missing page transition and missing back button

In my Expo app using expo-router, there should be 3 screens: Home Settings User and 2 tabs Home Settings This is my current file structure app ├── (main) │ ├── _layout.js │ ├── home.js │ ├── settings.js │ └── user.js I can configure the…
2
votes
0 answers

Search bar not visible on mount with the native stack in react-navigation on IOS?

Search bar not visible with the native stack in react-navigation on IOS? Android is working fine but I'm having issues with IOS. I want the scrollbar to disappear on scrolling down so I have hideWhenScrolling: true The problem is that the scrollbar…
Adam Katz
  • 6,999
  • 11
  • 42
  • 74
2
votes
1 answer

When I am navigating from other screen my footer tab is hiding

When I am navigating from other screen to home screen then my footer tab is hiding . I have to fic tis , my Bottom Tab Navigator should not hide if I navigate form any screen. When screen reload then its hide , elase when I come back using back…
2
votes
2 answers

How to change content from the same screen when clicked on react native

I have a Home Screen in which there is a FlatList to display images and movie titles (wrapped in a box component), when the component is clicked it will be directed to MovieDetail Screen. In movie detail there are similar movie section, this similar…
A fish
  • 27
  • 5
2
votes
1 answer

In a React Native application, how can I dynamically change the background color of the background behind the views?

I'm building an iOS app using react native. Using react-navigation, I open a screen using the 'modal' option. This is a common behavior for iOS applications to open a screen in a modal which animates the screen on top of the current screen, but also…
justspamjustin
  • 1,730
  • 3
  • 19
  • 30
2
votes
2 answers

React Navigation linking initialRouteName not working when opening app from quit state

I have followed the documentation of React Navigation and implemented an authentication flow as well the Linking mechanism for notifications via the linking prop of NavigationContainer. When I open a notification when the app is running, e.g. the…
Alix Humbert
  • 75
  • 1
  • 9