Questions tagged [stack-navigator]

The tag has no usage guidance, but it has a tag wiki.

stack-navigator
Filter by
Sorted by
Tagged with
1 vote
2 answers
480 views

Stacknavigatior navigating to a screen, which is already in stack

I am trying to figure out displaying a screen with new information, which is already in stack. The screen order is like Profile A -> Followers List of Profile A (clicking on Profile B) -> Profile B -...
1 vote
0 answers
23 views

Is it possible to have all the Drawer Navigator screens having bottom tabs visible?

I am trying to implement Stack, Tab and Drawer navigators alltogether. I have a Profile screen inside the bottom tabs, which is a stack navigator component. When I open it from bottom tabs, the screen ...
0 votes
0 answers
19 views

React native bottomsheet with “formSheet” screen (ios)

Perhaps someone faced such a problem. I have <Stack.Screen name={"myScreen"} component={MyScreen} options={{ animation: 'slide_from_bottom', presentation: '...
2 votes
4 answers
4k views

React-Native how to clear inner navigation stack?

I'm new to react-native and am developing an app which has bottom tab navigation.For implementing this , I've used react-navigation-material-bottom-tabs ,which is working perfectly fine.Like I have 3 ...
1 vote
1 answer
267 views

NSRangeException error when using Stack Navigator (Expo)

I am trying to make a Stack Navigation in my Expo app, but when I use it I get this error when I try to open it on my phone: NSRangeException: *** -[__NSArrayM objectAtIndexedSubscript:]: index 0 ...
2 votes
2 answers
13k views

React navigation open openDrawer() not working

This is my navigation codes, I've got a drawer navigator, that contains stacks within, the problem I am having is that I can't use this.props.navigation.openDrawer() within the stack, navigators to ...
0 votes
1 answer
68 views

How to add BottomTabNavigator inside the StackNavigation

this is function for tabNavigation function TabNavigator() { return ( <Tab.Navigator> <Tab.Screen name="Home" component={Home}/> <Tab.Screen ...
0 votes
0 answers
22 views

React Native Navigator Not Acessing the Routes

Im developping a react native application and when I login i want to redirect to the 'Home' screen, and when logout, redirect to the 'Login' screen. However, I can´t put the same screens inside the ...
1 vote
1 answer
560 views

How to fix react-navigation/native download error - fixes needed

thanks for taking your time to read this. What's happening is that I'm trying to use the stack navigator for a CLI react native project, but I think I'm not able to download the react-navigation ...
1 vote
1 answer
78 views

How do I solve {ReferenceError: Property 'StackNavigator' doesn't exist} error in react native

ReferenceError: Property 'StackNavigator' doesn't exist This error is located at: in App (created by withDevTools(App)) in withDevTools(App) in RCTView (created by View) in View (...
0 votes
0 answers
27 views

Navigating between different Stack screens in react native navigation causes component to have reduced opacity

I have been building my first React native app with Expo the last two weeks and this issue stumped me as I could not find anyone else mentioning it. I have my Navigation setup using react navigation ...
1 vote
0 answers
34 views

How to navigate to a different screen stack in a tab navigator in react navigation v6

I have a buttom tab navigator which has a add screen and with a tab icon component. I the tab icon component has three button. I want to navigate to a different screen when i click on the button, but ...
0 votes
0 answers
27 views

Should replace on stack navigation replace the entire stack if I'm navigating to a screen in another stack?

I'm creating a react native app which has nested navigation and I'm trying to figure out exactly what replace is doing. Inside my App.tsx, <Stack.Navigator> <Stack.Screen name='Request-...
0 votes
0 answers
22 views

in nested stack navigation & tab navigation the initialRouteName does not work correctly

i use stacknavigator & tabnavigator and i nested tab and stack import {createNativeStackNavigator} from '@react-navigation/native-stack'; import {createBottomTabNavigator} from '@react-navigation/...
3 votes
2 answers
10k views

React Native Expo Router - Hiding the Stack header on home screen

I'm using expo-router in my React Native Expo app containing 2 screens, app/home.js and app/details.js. There is a Link on home.js that navigates to details.js screen. Right now both screens have the ...
8 votes
5 answers
18k views

Hide TabBar item in TabNavigator

How is it possible to hide certain TabBar item from TabNavigator. Is there a certain TabBarOptions option, which has visible key(true/false) like this? const Tabs = TabNavigator({ Home: { ...
1 vote
0 answers
31 views

React Stack Navigation TypeScript - Cannot reset using route from parent

I have a typed, nested stack navigator and am trying to reset the navigation from a screen to another which is on the parent. TypeScript is refusing to accept it as a valid name to reset, only screens ...
0 votes
1 answer
105 views

Modal transparent prop set to true crashes my app on iOS whenever the Stack.Navigator changes of screen in React Native

I've found this problem in Expo in which whenever Stack.Navigator (@react-navigation/native-stack) changes the screen, from one that contains a Modal with transparent property set to true, the app ...
0 votes
2 answers
85 views

Prevent touch of previous screen in react native

I am working in ReactNative project where I am using StackNavigator. I am navigating from one functional component to another using navigation. On the next screen I am able to touch the previous stack ...
0 votes
1 answer
128 views

React-native-expo stack navigator not displaying initial screen

I built a login screen in in my react native expo project with the React Native Paper Material Design library and everything was working fine. Then I tried to add in navigation and now the initial ...
0 votes
0 answers
27 views

When moving back in stack navigator, the image of back button becomes a black reactangle

I have a stack navigator. When I move from one screen to back, then back button image is black rectangle. <NavigationContainer initialRouteName="Login"> <Stack.Navigator ...
3 votes
3 answers
7k views

How to hide a tab bar in bottom tabs navigator, React Native 6x

I have in my app Bottom Tab Navigator version 6x. Im looking for solution how to hide a tab bar to one of screen which I use in my app - reviewDetail.js Here is my navigation file: AppNavigator.js ...
0 votes
0 answers
241 views

Stack Navigation for React Native Snack.expo.dev

Got some starter code and proceeded to make my app in snack.expo.dev. There is a minified error if I pick a device, surly the main part of it has to do with package.json. When using the web part, ...
0 votes
1 answer
732 views

How to pop on the top of stack once the tab is changed with Expo router?

I am using expo router. I have a stack navigator nested inside a tab navigator. This is my setup. Tab 1: Screen 1 Tab 2: Screen 2 Tab 3: Stack Navigator If I browse deep into the Stack Navigator on ...
0 votes
0 answers
24 views

Handle navigation of dynamically generated stack navigator

I am trying to make/generate a kind of wizard / workflow stack navigator dynamically where some screens are optional and I need to find a way to navigate from a screen to next step in that wizard/...
1 vote
1 answer
91 views

React Native Logout with StackNavigator - can't find route

I have a react-native app that stores login credentials in a jwt. My logout function looks like this: logOut={() => { AsyncStorage.getAllKeys() ....
7 votes
1 answer
7k views

Prevent default back navigation when using expo-router

I'm currently using expo and expo-router for the first time and have a question about the default back navigation. What I mean by that is for example swiping from the left edge to the middle of the ...
2 votes
0 answers
108 views

React Native TypeScript Stack Navigator Usage

I'm not writing here to ask a question... I'm new to React Native and didn't know TypeScript or JavaScript at all. In React Native, stack screens were working in JS but not in TSX. I did a long ...
0 votes
1 answer
26 views

getting empty array on first function call stack navigation

const showdata = ()=> { setdata([...data, { user: username, email: email, password: password, }]) navigation.navigate('home', { showdata: data, }); }; home screen import { ...
0 votes
0 answers
19 views

Unable to implement logout function unable to navigate to login screen

I am trying to navigate to Login Screen after clicking logout in headerRight but it isn't navigating but it is navigating to other routes expect login and otp. i am not able to figure out why it isnt ...
-1 votes
1 answer
1k views

Error: "Couldn't find a navigation object. Is your component inside NavigationContainer?" with useNavigation in React Native

am trying to create somethin like a loging screen . but if the user has an active token . they dont have to re authenticate. `` import React, { useEffect } from 'react'; import { NavigationContainer } ...
-1 votes
2 answers
1k views

Stack navigator causes background color to change in React Native

I am making an app in React Native. I had made one of the screens and decided to add a stack navigator for navigation. However, when I added the stack navigator, the background color of the screen ...
0 votes
0 answers
14 views

I am using NavigationContainer in React Native and now the page is completely blank

I am using NavigationContainer in React Native and now the page is completely blank import React from 'react'; import AuthScreen from './Authentication/AuthScreen'; import { StripeProvider } from '@...
0 votes
0 answers
32 views

I'm building a react native application with complex stack and tab navigation and i'm having trouble in stack navigation

I have homescreen where I have three buttons: Receive, Deliver ,Return. In the bottom tab navigation I have same buttons. Now inside the deliver screen i have also have a return button where the user ...
0 votes
0 answers
69 views

React navigation native stack header title not auto hiding when using headerLargeTitle along with custom headerTitle component

My Code import * as React from 'react'; import {View, Text, StyleSheet, ScrollView} from 'react-native'; import {NavigationContainer} from '@react-navigation/native'; import {...
0 votes
1 answer
24 views

After navigating to a specific screen in the stack, the screen stays, stack doesn't reset and back button disappears

I am building a mobile app in react native. In the App, I have a side menu which appears when we click on the burger button. I have a search screen, when i make search and the list appears, I click on ...
0 votes
2 answers
365 views

I want to add a filter icon on navigation header in react-native but i dont have any idea about it

here i try to add icon in navigation header but is show error that object is not a function <Stack.Screen name="Address" component={Address} ...
0 votes
0 answers
165 views

AWS Amplify Auth.SignOut crashing Expo Go

I'm currently working on a project using React Native, Expo, and AWS Amplify. On my project's Home Screen exists a log out button that invokes Auth.signOut() from Amplify's Auth class. The button ...
0 votes
1 answer
46 views

Strange background color appears where nesting Bottom Tabs Navigator with a Stack Navigator - React Native

I have the following Bottom Tabs Navigator code with its options and style and also its 3 screens const Tab = createBottomTabNavigator(); <Tab.Navigator tabBar={props => ( <...
0 votes
1 answer
88 views

Issue with stack navigators nested within separate tabs of an app in react native expo

I have an app with 5 tabs. In each tab I want to have a separate stack. I have one stack that works fine, and now when I have introduced a second stack the new one doesn't work, however the original ...
1 vote
1 answer
1k views

How to make Bottom Tabs Navigator tab bar not to hide content from View

I have a nested Navigator built with a Bottom Tabs Navigator, which also contains a Stack Navigator set as initial route. The problem is that the main Screen has a View with a FlatList inside, among ...
0 votes
0 answers
29 views

Navigating from one stack to another not working. Error -The action 'NAVIGATE' with payload {"name":"Login"} was not handled by any navigator

I am getting error when I am trying to navigate from screen named "Fullname" to "Login" screen, its actually a back button I wanted to implement, however, it seems that these 2 ...
0 votes
0 answers
9 views

Pass value one TopTab Screen To another TopTab Screen

My CarList Screen //CarList.js import React from 'react'; import { View, Text, StyleSheet } from 'react-native'; function CarList() { return ( <View style={styles.container}> <...
0 votes
1 answer
209 views

TypeError: Failed to construct 'Text': Please use the 'new' operator

I'm trying to create a NavigationContainer for all the buttons inside of my modal that pops up from the bottom. It works without the Stack.Navigator, but when I add the Stack.Screen with a component ...
1 vote
1 answer
160 views

React Navigation v6: Where can I set param values in a class component?

I'm using react-navigation v6 in my React Native app, and in this section on passing params to screens, it shows that you can get itemId and otherParam from route.params and set their values such that ...
1 vote
0 answers
32 views

Hide Header of Bottom tab bar inside nested stack screen in react native

I have a Bottom tab bar navigator with three Tabs: HomeStack History Account the HomeStack is a a stack navigator of two screens: HomeScreen TestScreen I would like to hide the header of the stack ...
33 votes
8 answers
80k views

React Navigation default background color

I'm using react-navigation and stack-navigator to manage my screens. Platforms I'm using: Android React Native: 0.47.1 React Navigation: 1.0.0-beta.11 Emulator and Device I have a screen, which ...
0 votes
0 answers
83 views

React Native Stack Navigator component UI not updating while inside Java FrameLayout

I am a beginner so please bear with me. I am trying to create a Java app which has a React Native instance with Stack Navigator embedded inside it using Java FrameLayout by following some tutorials ...
0 votes
0 answers
50 views

Stack Navigator doesn't work on Android Device (APK Release)

I'm using expo to create a React Native app. I use Stack Navigator for my app and it worked perfectly fine on Expo Go as I use 'expo start'. However, when I tried to build the app with EAS, the final ...
0 votes
1 answer
1k views

Is there any way to use 'modal' in react navigation so instead of covering the full screen it adapts to the content

Currently, I'm using the 'modal' presentation with full height on React Navigation native stack, and I find it visually appealing. My current implementation: However, I would like to use it for half ...

1
2 3 4 5
11