517 questions
0
votes
1
answer
97
views
React Native - Stack Navigation - react-native-gesture-handler:compileDebugKotlin FAILED
I create a new React Native Project and I install React Native Navigation and React Native Stack Navigation.
npm install @react-navigation/native
npm install @react-navigation/stack
npm install react-...
0
votes
0
answers
20
views
Set Stack height based on currently rendered component
I need to set the <Stack> height based on the rendered component height. If a component is not has big as the available space, its container shouldn't be bigger.
I've already tried setting the ...
0
votes
0
answers
34
views
How can I type navigation for reusable screens inside multiple stack navigators?
I'm using React Navigation and would like to achieve type safety for navigating between screens.
I have multiple tabs in a tab navigator, each tab is a stack navigator. Each stack navigator may share ...
- 343
1
vote
1
answer
35
views
Why does my header title gets cuts off in react native and iOS simulator?
I am using those dependancies:
"@react-navigation/native": "^6.1.18",
"@react-navigation/native-stack": "^6.11.0",
My AuthNavigator:
...
import { ...
- 1,445
0
votes
0
answers
29
views
How to make a drawer item navigate to a stack navigator screen?
Is there a way to navigate to a stack navigator screen from the drawer navigator by clicking it? I mean:
<Drawer.Screen name="Profile" component={ProfileScreen} />
Here, I don't want ...
- 222
0
votes
0
answers
32
views
Uncaught Error: Cannot read property 'navigate' of undefined
I'm trying to implement a very simple navigation in react native. I'm trying to navigate from the Home Screen by clicking a button to go to a Details Screen. When clicking the button I get this error: ...
0
votes
1
answer
202
views
React Native - Hide Drawer header in a stack that is inside a bottom tab navigator
I want to hide the header of drawer through all the screens of my form that is actually a stack. I'm working with React Native CLI.
Add Patient Stack
<Stack.Navigator screenOptions={{headerShown: ...
- 3
0
votes
0
answers
23
views
Why can I not see the dynamically set header in React Native?
I am working on a React Native (typescript) project and I want to have the header of a screen set dynamically when the screen is navigated to, depending on the value selected in the dropdown list on ...
- 41
-1
votes
1
answer
287
views
How can I fix this error from react-native?
I'm trying to make some scanner app with react native and i was programming the basic frame of the project, but it keeps throwing error.
Here are my code:
App.js
import App from './src/App';
export ...
0
votes
2
answers
70
views
How to navigate to the Home screen.?
My code has an error when logging in successfully but does not redirect to the Home screen.
I don't know what happened this my code. I think the problem is my young code and a really don't know how to ...
0
votes
1
answer
60
views
React Native Navigation: Handling 'NAVIGATE' Action Error with 'Home' Screen Not Handled by Any Navigator
my issue in my React Native project is that in my login.jsx component, when the user clicks on the Login button, I encounter the following error:
> ERROR The action 'NAVIGATE' with payload {"...
- 1
1
vote
0
answers
46
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 ...
- 222
0
votes
0
answers
171
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: '...
1
vote
1
answer
423
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 ...
- 81
0
votes
1
answer
91
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
...
- 13
0
votes
0
answers
27
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
404
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 (...
- 21
0
votes
0
answers
113
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
65
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 ...
- 11
0
votes
0
answers
53
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
32
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/...
- 1
1
vote
0
answers
78
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 ...
- 593
0
votes
1
answer
227
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 ...
- 11
0
votes
1
answer
385
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 ...
- 3
2
votes
1
answer
2k
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 ...
- 1,093
1
vote
0
answers
377
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, ...
1
vote
1
answer
127
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()
....
- 704
2
votes
0
answers
389
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 ...
- 25
0
votes
1
answer
29
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 { ...
-1
votes
1
answer
2k
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 } ...
0
votes
1
answer
58
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 ...
- 113
0
votes
2
answers
547
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
1
answer
66
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 => (
<...
- 1,045
0
votes
1
answer
99
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
1
vote
1
answer
2k
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 ...
- 1,045
1
vote
1
answer
284
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 ...
- 7,238
1
vote
0
answers
35
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 ...
- 477
0
votes
1
answer
2k
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 ...
- 33
0
votes
1
answer
34
views
React-Native, can't navigate from Login to Home and viceversa
I'm trying to learn React-Native and have many difficulties. I am posting the code below:
App.js
import React from "react";
import { NavigationContainer } from "@react-navigation/native&...
- 61
0
votes
0
answers
315
views
navigation.navigate not working (not navigating to another screen)
I am using React Navigation 6,
Expo 48,
React Native 71.
I have tried using other functions like navigation.push() but no luck either. I also tried using getNavigation() instead of getting it from the ...
user19860297
3
votes
0
answers
618
views
React Native expo Stack Navigation Crashing the app for IOS only for --no-dev (Production) in after updating expo sdk from 45 to 48
SDK Version: 48
Platforms: IOS (Production Only)
React Native Stack Navigation.
I have recently updated my Expo app from SDK version 45 to 48, and encountered some Firebase-related issues. However, I ...
- 41
0
votes
1
answer
75
views
How can I reset screen data in React Native?
I am trying to reset the screens in my Stack Navigator before the user visits them again to remove previous user selections, but I am having trouble in doing so.
I have tried using CommonActions, ...
1
vote
2
answers
22
views
Trying to have my settings screen link to the Log in/Sign Up screen after clicking on the name, why do I keep getting 'undefined is not a function'?
I want to do a simple task which is go from one screen to another but no matter what i do it won't work. I've installed both the react-navigation/stack and react-navigation/native-stack and neither ...
- 11
1
vote
2
answers
230
views
How to change the Native Stack Navigator Title in Center "Android"
I have an issue in Stack Navigator Title because I want the title in Center of the Screen but the output is shown in the left side so please help me to change as a center format
I attached the ...
12
votes
5
answers
16k
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 ...
- 325
15
votes
4
answers
23k
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 ...
- 6,781
2
votes
0
answers
159
views
ReferenceError: Theme is not defined
This is an odd error that is happening with @react-navigation/native Version ^6.1.6
ReferenceError: Theme is not defined
I have tried to roll the version back to a more stable version but this makes ...
- 469
1
vote
0
answers
97
views
Nesting tab and stack navigation in React Native causes one of the screens to rerender every time a state hook is updated
I'm developing a project with React Native and I've been stuck for a while now.
One of the project screens ("ListArray") contains a list of items which can be pressed and saved to a Context ...
- 33
1
vote
2
answers
2k
views
React Native Login to Home Screen navigation
I'm new to React Native, and want to build a login page that connects to the home page, but if I use a single stack navigator, I get the little arrow in the top lefthand corner that just allows the ...
- 119
0
votes
2
answers
750
views
React navigation params object empty
When i try passing the params to my review screen it comes up undefined.
I'm using "@react-navigation/native": "^6.1.3" and "@react-navigation/stack": "^6.3.12"
...
- 15