Questions tagged [react-navigation]
An easy-to-use navigation solution to be used in React Native projects
8,572
questions
0
votes
0
answers
14
views
How to convert & run successfully old 0.60.4 react native project to latest one
It is a very old project developed on v0.60.4 react native and not running on any of the versions.
I tried the easy way by creating demo project with latest React Native version and then adding SRC ...
0
votes
0
answers
20
views
Universal/deep link configuration when the final screen is on another stack
I have a configuration issue with deep/universal links when I want to open a screen that is in another Stack.
Here is the screen composition:
- NavigationContainer
- AppStack (stack navigator)
...
0
votes
0
answers
15
views
React Native Dynamic Statusbar
In React Native Is There Any Way To Change The Statusbar Dynamically? Suppose I set My Statusbar To Light Then If I Go To Another Screen And Comes Back Then The Statusbar Do Not Changes To Light. Can ...
0
votes
0
answers
21
views
Unable to overlap top Navigation on header in React Native using zIndex
I am unable to overlap TopNavigation(TopNavigation.js) on Header(Inside Sidebar.js) of my react native app, Code:
App.js
import { NavigationContainer } from "@react-navigation/native";
...
0
votes
0
answers
16
views
expo router tab icon that is a route only (not a screen)
I have 2 groups of screens (home) and (profile)
(home)
_layout.tsx
index.tsx
chat.tsx
camera.tsx
next.tsx (don't want this screen)
(profile)
_layout.tsx
profile.tsx
hidden.tsx
...
...
0
votes
1
answer
15
views
React navigation bottom tabs navigator automatically navigating back to initial screen on touch anywheren on screen
I setup Bottom tab navigator in my react native app with typescript.
I have Home, Explore, Ticket and Profile screen in bottom tabs.
My Ticket screen is just showing a simple text, when i click on ...
0
votes
0
answers
19
views
Navigation.navigate on headerRight with useLayoutEffect hook does not work
I am trying to build a tiny note app using React Native. The goal is to dynamically render the header of the note page based on the note's status and to allow for note deletion. The delete button in ...
0
votes
0
answers
29
views
Expo Router - Transition back to screen with large title header is inconsistent with native behavior
I am trying to replicate the animation of the Contacts app on iOS, with a root screen with a large title header.
Using Expo Router, when I go back to the root screen, the animation goes back as if the ...
0
votes
0
answers
50
views
Android back button not detected by react-native expo managed app
Problem:
When pressing the android back button, my app will immediately close on both my emulator and physical device. I want to detect the back button being pressed
EDIT: I have found that the ...
1
vote
1
answer
27
views
Group the navigation links in Drawer in React Native
My drawer navigation has links and all however I want to group the links with just a title like below. How can I achieve this?
Following is my code:
import LinkOne from '@/screens/settings/linkone';
...
0
votes
0
answers
14
views
How Can I Add Separate ImageBackgrounds To Different Stack Screens in React Navigation?
I'm currently creating an app and would like to have different image backgrounds on each page.
All of the documentation I've found so far has only shown how to wrap the entire Navigation Container in ...
0
votes
0
answers
23
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
0
answers
14
views
no view found for id 0xe2a for fragment screenstackFragment {fd62d7} (a33df46d-25b8-49e6-823c-829b8ba9b189 id=0xe2a)
i am getting this error while navigating between tab. I am using react native navigation for navigating between tabs but not fix this please help me fix this issue working on it for past 2 days but ...
0
votes
0
answers
41
views
Expo RN app - Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager
React native project on Expo with the following packages installed:
"@react-native/eslint-plugin": "^0.75.0-main",
"@react-navigation/bottom-tabs": "^6.5.20&...
0
votes
1
answer
35
views
Ghost bottom tabs nav button when Iconify is used and bottom tabs are hidden on AVD
Using an AVD (Pixel 5) running API 34, if I use Iconify icons for my bottom tab, on screens where the bottom tab is hidden, clicking the top left corner of the screen can register a click on the last (...