8,571 questions
-1
votes
0
answers
18
views
How to make Drawer Screens in Navigator appear dynamically in react native? [closed]
I am trying to make a Drawer Screen Tab appear dynamically according to a redux state value but this practice is not good as when I change the value of redux state, the whole component remounts ...
1
vote
0
answers
60
views
TextInput padding/scroll state persists after navigation or note change (dynamic padding not resetting)
I’m building a note-taking app in React Native (see code below) where each note’s content is displayed in a multiline, non-editable TextInput. The paddingTop of the TextInput is dynamically set based ...
0
votes
3
answers
125
views
React Native Deep Linking - Multiple Paths for single screen
I’m trying to handle multiple deep link paths that should open the same screen in my React Navigation setup.
For example, both of these URLs should open the same ChallengesScreen:
mydomain.com/...
0
votes
0
answers
65
views
Detect device Border Radius in React-Native
I have noticed that many modern React-Native apps have a border radius for some of their screens (only noticeable when navigating). I am using react-navigation/native and know that I can set the ...
0
votes
0
answers
39
views
Ionic/React app params from <Link> works in web browser, but the receiving page gets the params as "undefined" in the emulator
In the Ionic/React app, the param passed by page A using component got picked up in page B, but only when running in web browser. In the emulator the param value is "undefined".
But If I ...
1
vote
0
answers
41
views
Navigation issue missing or incorrect back button behavior
I’m running into an issue with navigation, while using backBehavior="fullHistory".
Navigation tree
- (tabs)
|- agenda
| `- appointment
`- clients
`- client
Flow:
(tabs) ➡️ ...
0
votes
2
answers
88
views
How to use navigate to move to another page from App.tsx?
I use Centrifugo to deliver push notifications to our app. So far, displaying the message using Toast works fine. Now I want to do something different, something like navigate to a certain page.
Here'...
0
votes
0
answers
57
views
React Native Android App Crashes with OutOfMemoryError – Infinite Navigation Loop in Sentry Logs
React native 0.76.6 (old architecture)
React Navigation v7
My React Native app crashes on Android with java.lang.OutOfMemoryError, but works fine on iOS. Sentry logs reveal a breadcrumb loop like:
// ...
0
votes
0
answers
44
views
When using Top Tabs with swipeEnabled: false,the very first tab is still swipeable on first mount. After swiping once, the swipe is locked as expected
Bug Report
When using Top Tabs with swipeEnabled: false, the very first tab is still swipeable on first mount. After swiping once, the swipe is locked as expected.
Code Snippet
<TopTab.Navigator
...
0
votes
1
answer
73
views
Can I pass boolean values through search params using Expo Router's useLocalSearchParams?
I'm trying to pass a boolean flag when navigating between screens with Expo Router and read it with useLocalSearchParams, but the value I receive is a string (e.g. "true" / "false")...
0
votes
1
answer
44
views
React Native Navigation requires a settimeout
I'm on react-navigation v7.
I have a component which renders a component like below
class Manager extends React.Component {
render () {
return (<DescriptionComp />)
}
...
0
votes
1
answer
81
views
Screen not routing to main page when state changed from different function
I am doing auth for my React Native app.
I have two methods for now, one is email and other is Google sign in.
I am managing the auth using a context provider passed to the root layout file.
The page ...
1
vote
0
answers
43
views
React-navigation 7 deeply nested structure navigation
consider following navigation tree in react-native app.
RootStackNavigator (id of navigator = root)
Screen A
Screen B
EditTabNavigator (params: {id: number})
Tab A
Tab B
...
0
votes
1
answer
204
views
Couldn't get the navigation state. Is your component inside a navigator? "@react-navigation/native": "^7.1.6"
I have been using "@react-navigation/native": "^6.0.2" and the app worked well, after then I decided to update all dependencies and use "@react-navigation/native": "...
1
vote
2
answers
88
views
How to reset navigation history in React Native app
App details:
uses react navigation v7 with a single drawer navigator
the drawer navigator contains custom content with buttons relating to all existing screens
when a button is pressed, the app ...
0
votes
1
answer
267
views
How to configure Universal Links with Expo and React navigation?
Introduction
I have a strong requirement to use React Navigation and Expo together because we have too much tech debt to switch to expo router at this moment.
However, I feel like I am going crazy! I ...
1
vote
1
answer
146
views
Weird navigation drawer behavior when drawerPosition set to 'right'
I am trying to implement Right to left (RTL) language support to a react native app.
I want my app to be as consistent as possible across different devices.
When using react navigation drawer and ...
4
votes
2
answers
1k
views
_reactNative.BackHandler.removeEventListener is not a function (it is undefined)
_reactNative.BackHandler.removeEventListener is not a function (it is undefined), getting this error while navigating to home-screen in React react-native expo.
In app, there is nested navigators in ...
0
votes
1
answer
159
views
How can I create a curved "notch" in a custom React Native tab bar using SVG to wrap a central floating button?
I'm building a React Native app and using @react-navigation/bottom-tabs with a custom tabBar component. The tab bar has five tabs, and the central one is a special "camera" button that is ...
0
votes
0
answers
41
views
How to reset the MaterialTopTabs nested stack when switching between tabs?
I am using MaterialTopTabs as my navigator in my expo project. here is my directory structure:
Within the browse route group, I am using a stack navigator. I want, when I switch to the home (index) ...
2
votes
2
answers
454
views
How to navigate to a previous screen and remove intermediate screens from history in Expo Router?
I'm using Expo Router in my React Native app, and I have the following navigation history:
Home → Calendar → Template → AddReminder
Now I'm on the AddReminder screen, and I want to navigate back to ...
0
votes
1
answer
179
views
Expo - Getting Error - Screen Name not Handled by Navigator
New to expo and trying to get my application to navigate to the home page in a [rotected folder (tabs). I am getting the error: The action 'REPLACE' with payload {"name":"(tabs)",&...
-1
votes
2
answers
213
views
How to get navigation options from a screen?
I'm using react-navigation v7. I have a stack navigator, with some screens having a header and some not. How can I check from within a screen, if it has a header?
I see useNavigation().setOptions(), ...
0
votes
1
answer
70
views
How to include parent screen in stack history when navigating to nested screen in React Navigation?
I'm using a Bottom Tab Navigator with nested Stack Navigators for sections like "Home" and "Documents". Everything works fine in general.
**Navigation structure: **
TabNavigator
---...
0
votes
0
answers
41
views
I'm trying to go to another page in react-native but it isn't going anywhere
I'm a student and new to the language, I don't know everything there is about programing, so please, if you know what is happening, explain in a simple way.
I seriously doesn't know what is happening
...
0
votes
1
answer
348
views
How to keep navigation state isolated per tab in Expo Router?
I’m building a React Native app using Expo Router with a tab-based layout (for example: Feed, Search, Home).
What I want is for each tab to have its own independent stack/history, so that when you ...
0
votes
0
answers
110
views
react navigation v6 - to v7: reset nested navigator issue
I have a bottom tab navigator with multiple tabs. One of these tabs has a stack navigator. When I leave that tab, I'd like to reset the stack navigator tot he first screen.
In the v6 it works in this ...
0
votes
1
answer
106
views
Color bug in react native navigation on ios
When I sent my app to Apple for Review before going into production, they found an issue with the navigation colors. On IOS, it gets darker, I don't know why. The tricky thing here is that in Expo Go ...
5
votes
1
answer
3k
views
'exception thrown when executing uiframeguarded' Error show only in development build
First I build APK and install on mobile but Screen doesn't load. So I tried building in development mode and got the error: exception thrown when executing uiframeguarded.
If I run it using expo go, ...
0
votes
1
answer
72
views
How do I trigger modal screen from bottom bar in react native?
I have a React Native app and I'm trying to figure out how to create a bottom bar that I can trigger a modal screen from? (like the 'New Reminder' and 'Add List' buttons in the bottom bar of the ...
1
vote
0
answers
31
views
How to add both header and bottom navigation to same react native screen
Trying to learn react native with expo but stumbling over creating a simple react-navigation test app.
I have created a project with a screen (screen 1) and I am trying to add a header icon and text ...
1
vote
0
answers
45
views
How can I have the initial route inside a stack nested inside of a tabs navigator
I have a navigator layout of a root Stack/Slot (I tried both), which nests directly a tabs navigator ((tabs)/_layout). The index folder inside the tabs itself is again a Stack navigator:
.
├── _layout....
1
vote
1
answer
51
views
How best to navigate dynamically in React Native with Expo Go
I am developing a mobile app and I am trying to navigate to a different screen after login is successful. This screen is in another stack different from the login stack, but it keeps on saying Login ...
0
votes
3
answers
3k
views
How to configure react-navigation to work with Android edge-to-edge after Expo SDK 53?
Android & Expo Go was working fine for me until Expo SDK 53 using @react-navigation/native.
As of SDK 53, Navigation is now working edge-to-edge, and that was not the way before, and I need to re-...
0
votes
1
answer
31
views
react-navigation action in background
what I want
I have IndexRoutes which has ConnectBattleScreen and QuestionListScreen.
and ConnectBattleScreen has BattleRoutes contains MainPageScreen, BattleResultScreen and wrap with some Providers. ...
0
votes
0
answers
20
views
How to resolve the following react native issue as createAppContainer, createSwitchNavigator no longer exist
import { createAppContainer, createSwitchNavigator } from "@react-navigation/native"; // What needs to be used as this no longer supported.
import { createStackNavigator } from "@...
0
votes
1
answer
31
views
AnimatedValue: Attempting to set value to undefined when upgrading to React Navigation 7
After upgrading to React Navigation 7 in my React Native project, my Jest tests started failing with the following error:
Error: AnimatedValue: Attempting to set value to undefined.
This did not ...
0
votes
1
answer
185
views
Expo onboarding screen navigation problem
Problem:
My React Native app with Expo Router consistently shows the index screen, even when the conditions should display the onboarding screen. I've verified that:
The storage check correctly ...
0
votes
2
answers
349
views
React Navigation: Navigating from a modal to a regular screen
I'm working with React Navigation in React Native and am having an issue with navigating from BarScreen to FooScreen in the example below.
Expected behavior: When I navigate from BarScreen to ...
0
votes
1
answer
146
views
How to minimize frame drops during navigation in react native apps?
I am building a expo react app, and i am testing its performance on a release build, for the most part my app is pretty stable with acceptable frame rates of 56-60fps on both ui and js threads, the ...
0
votes
0
answers
35
views
createMaterialTopTabNavigator background transparency not working
I'm trying to take out the background of a view cause by toptabnavigator i'm using reactnative,
now the issue here is when using stack navigator it work perfectly so i, want to customize the top tab ...
0
votes
0
answers
329
views
Modal presentation not working with dynamic route folder in expo-router (e.g. [search])
I’m using Expo Router with React Native and trying to present a screen as a modal inside a dynamic route folder like [search].
app/
[search]/
_layout.tsx ← nested stack
index.tsx
...
0
votes
1
answer
775
views
Cannot read Property 'StackView' of undefined
I tried to implement react navigation but i faced a lot of errors even though my codes are well structured according to navigation standards. Idk what could possibly my mistake/s that prevented me ...
0
votes
0
answers
30
views
TypeError: Cannot read properties of undefined (reading 'Login-id') rendering Stack.screen on jest
i'm trying to do an integration test. The test in fact is not the issue, the main issue is about rendering the app.
When jest try to render the app, works until it gets to Stack.Screen and crash with ...
0
votes
1
answer
82
views
How to change background color in react-native?
Please look this picture,I use createBottomTabNavigator to creat a Tabs in react-native,and both screens will use the same gradient background,so i add "backgroundColor: 'transparent'" in ...
0
votes
0
answers
68
views
React Navigation error: “Couldn't register the navigator” even with correct NavigationContainer usage (Expo)
React Navigation error: “Couldn't register the navigator” even with correct NavigationContainer usage (Expo)
I'm building a mobile app with React Native (Expo) to manage clinical patients and ...
0
votes
0
answers
39
views
React Navigation 7 Toast with static API
I want to have a toast (view on top of everything else) that is controlled by a contextual state. In order to do this, I add this at the app level of my basic static API navigation:
const RootStack = ...
0
votes
0
answers
44
views
router.back with dynamic route dismisses entire stack
I have a dynamic route like /pattern/[id] which these items can navigate to related items so only the id changes. I want the Back button to go back, so pattern/3 > pattern/2. However, the back ...
0
votes
0
answers
25
views
React Navigation: initialRouteName in MaterialTopBar not working
When I set the initialRouteName to the second tab, it still renders the first screen on startup, not the second one where I want my home page to be.
what it does right now
how ti should look like
&...
0
votes
0
answers
153
views
react-native-navigation: Why 3-buttons navigation are transparent in Android 15+
On Android 14 3-button navigation has a black background, but on Android 15 is transparent and does not look good. Is it possible something change? I used react-native-safe-area-context in my app, and ...