1,969 questions
0
votes
1
answer
26
views
Intermittently getting blank screens when navigating between bottom tabs in Expo Router
Environment
expo-router: 6.0.14
react-native: 0.81.5
react: 19.1.0
@react-navigation/bottom-tabs: 7.4.0
@react-navigation/native: 7.1.8
expo: 54.0.12
Tab Layout Configuration
// app/(tabs)/_layout....
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
98
views
Is there a view/component that goes above all content in React Native?
Is there a view/component/anything that can be used in one place in a react native app that would be placed above all the content - I need it for toast component. I tried using Portals, Root Siblings, ...
3
votes
0
answers
144
views
React native BlurView shows blank screen in Android but not in iOS
Using BlurView from @react-native-community/blur on Android (iOS working fine), makes the screen blank.
Initially I solved this by creating a hook that allows me to render BlurView only after its ...
0
votes
1
answer
347
views
React-Native-Gesture-Handle version problem
I have upgraded my project SDK version from 34 to 35.
After the SDK version update, the app began crashing on devices with Android versions 9 or lower.
There is a problem with the version of React-...
0
votes
0
answers
25
views
How to close React Native drawer layout when clicking the same navigation item twice?
I'm implementing a drawer layout using React Native Drawer Layout like this:
import {useNavigation} from '@react-navigation/native';
import {
ActivityIndicator,
FlatList,
Image,
...
0
votes
0
answers
94
views
App is becoming sluggish after combining BottomTab Navigation, DrawerNavigation and Stack Navigation
I'm using CustomBottomTab and CustomDrawer for rendering custom ones into it.
The strange thing what I have noticed was when I comment either one BottomTab or Drawer, the app works smoothly but when I ...
0
votes
2
answers
83
views
How to implement Cache runtime to avoid api calling in my react native app
`Title:
React Native Bottom Tabs Refetching Data on Tab Switch – How to Cache and Prevent Re-fetch?
Description:
Scenario:
I'm building a React Native application with Bottom Tabs.
These tabs are ...
0
votes
0
answers
38
views
I had "Bubbling event type of null" error
When I am trying to load last page of my app on my phone through "npx expo start --clear" (previous are working perfect), there are "bubbling event type of null" errors. I tried ...
1
vote
0
answers
85
views
React Native 0.78.2 – Bottom view flickering on iOS when rendering list with FlatList
I'm experiencing a flickering issue on iOS after upgrading my React Native project to version 0.78.2.
My screen contains a FlatList of products and a fixed bottom view that includes sorting and ...
0
votes
0
answers
41
views
How do I get a react-native web app to work with navigation?
I have a react-native project in this git repo https://github.com/Virock/rn.git
Running it on web returns this error:
ReferenceError
exports is not defined
Call Stack
(anonymous function)
KK/./...
2
votes
0
answers
849
views
Couldnt find navigation context while using expo router
I have an expo app that uses expo router with Expo 52. I'm using react query with my custom query client. I also have a route guard.
Everything was working perfectly, but once I started to work on my ...
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
1
answer
166
views
React native app upgrade from 0.69.12 to 0.76.3
I have upgraded a React Native application from
react-native - 0.69.12 > 0.76.3
I have also upgraded all the 3rd party libraries that the app used and got rid of the ones that were deprecated and ...
-1
votes
1
answer
133
views
How to remove tap highlight color from react navigation bottom tabs?
I am building an application using react native and using @react-navigation/bottom-tabs for navigation. But I want to remove the highlight feedback (Check the image) when we tap on the label to ...
1
vote
0
answers
139
views
Weird behavior of Tabs and Indicator in @react-navigation/material-top-tabs
Below is the code demonstrating the usage of the Material Top Tab Navigator in this screen. I've even tried lazy: true, but the issue still persists. Why is the tab indicator behaving like this? Does ...
1
vote
2
answers
1k
views
React Native Crash - Error: Exception in HostFunction: Loss of precision during arithmetic conversion: (long) 13.63636334080342
Hello there,
I’m facing the following error while resetting the navigation to Home after a successful login.
The app crashes as soon as the navigation resets.
I’m able to reproduce the crash on a ...
0
votes
1
answer
32
views
Error trying to assign color when navigating between tabs with react navigation
I am doing navigation between tabs using react navigation, the navigation is done correctly, as well as my custom tabBarLabel classes, but I am encountering a problem and that is that ...
0
votes
0
answers
52
views
react-native-navigation v7: Opening a modal with dynamic height
Is it possible to open a modal in presentation: 'transparentModal' with dynamic height by content? Because by default, it opens in full screen. Or maybe another solution, but in each modal screen, I ...
1
vote
0
answers
114
views
How to Type Nested Screen Parameters Correctly in React Navigation with TypeScript (Recursive Screen Params)?
I am working with a React Navigation setup and TypeScript, and I am trying to define and enforce correct types for the navigation parameters. I have a nested stack structure where I need to properly ...
0
votes
0
answers
38
views
Error while installing the react navigation in react native
I have spent a lot of time trying to fix this issue, but I am unable to find the cause. I also updated react-native-screens using the command npm install react-native-screens@latest.
Please help me ...
0
votes
0
answers
47
views
How to remove the tabBarHideOnKeyboard animation in React Native navigation
I am working on a React Native CLI project. I have below Tab navigation in react native.
<Tab.Navigator
screenOptions={{
animation: 'shift',
tabBarHideOnKeyboard: ...
0
votes
1
answer
192
views
React Native: TypeError - _$$REQUIRE(_dependencyMap[3], "(...)helpers/objectWithoutProperties") is not a function
I'm working on a React Native project, and I'm facing the following error when running my app for ios.
ERROR TypeError: _$$_REQUIRE(_dependencyMap[3], "(...)helpers/objectWithoutProperties")...
0
votes
0
answers
15
views
Webpack Assets Work on Web but Fail to Build on Android in React Native CLI
I am working on a React Native CLI project with TypeScript, and I have configured Webpack to support images and PDF assets for the web platform. Everything works fine on the web, but when I try to ...
0
votes
0
answers
192
views
nesting Stack.Group causes ios warning "Sending `onAnimatedValueUpdate` with no listeners registered."
Looking at the following example: https://reactnavigation.org/docs/nesting-navigators/#best-practices-when-nesting.
** Note ** Other similar solutions I found are geared more towards Tabs Navigation, ...
3
votes
0
answers
670
views
"Attempt to invoke virtual method com.facebook.react.uimanager.events on a null object reference" Error in react native
Having this issue after upgrading from react native 0.75.2 to 0.77.0
Attempt to invoke virtual method 'com.facebook.react.uimanager.events.EventDispatcher com.facebook.react.uimanager.UIManagerModule....
0
votes
0
answers
124
views
I have error with react-native-safe-area-context the package attribute in the source AndroidManifest.xml is no longer supported, and the value is ign
Task :react-native-safe-area-context:processDebugManifest
package="com.th3rdwave.safeareacontext" found in source AndroidManifest.xml: C:..\node_modules\react-native-safe-area-context\...
0
votes
2
answers
909
views
Expo Router going back on a dynamic route
I am navigatiing from /home to /listing/1 then from there I am navigating to /listing/2, when I go back I expect to go back to /listing/1 but it is going back to /home.
Why is that, If it is a dynamic ...
0
votes
0
answers
124
views
React-native-vector-icons/Ionicons icons are not displayed
import React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import Home from '../screens/home';
import Car from '../screens/Car';
import Services from '../...
1
vote
0
answers
115
views
Incompatibility with react-native-gesture-handler
This is the project's enviorenment on which I am having trouble build the app.
React Native version: 0.76.5
Java version: 17
I have done these:
yarn install
...
success Saved lockfile.
Done in 68.90s....
0
votes
0
answers
64
views
How to properly wait for reset navigation in react native (react-navigator 6)?
React Navigation: Component in Tab Navigator not unmounting properly after parent Stack Navigator reset
The Problem
I have a nested navigation structure with a Stack Navigator containing a Tab ...
1
vote
0
answers
104
views
ScrollView in React Native seemingly not working specifically for web view
For more context, ScrollView does work on a single page website. But whenever I start importing different pages, I get a very curious bug that prevents the ScrollView component from working. I also ...
0
votes
0
answers
30
views
Nested navigation typings in react-navigation
I was following the documentation tutorial about using typescript with react-navigation when I encountered some problems.
I have a Tab navigator that consists of Stack navigators, each of which ...
1
vote
0
answers
367
views
Error in React Native Android Build After Installing Libraries (e.g., React Navigation,community/blur,etc).react native- v0.76.3
I am encountering an error when building my React Native project on Android after installing external libraries like react-navigation, @react-native-community/blur, or react-native-safe-area-context.
...
1
vote
0
answers
58
views
Tabs not showing on reaxt native 0.76.2
I am building a react-native 0.76.2 app using expo 52.0.10. I have used v0.76.2 of react-native. the code is really simple but I ran into an issue while following a tutorial online that the Tabs (...
0
votes
1
answer
109
views
How do I keep react navigation from turning the background of my component grey?
Whenever I add a component to a react navigation navigator, the background always turns grey (and some other styles change too but the background is my main issue). Why does it do this and how can I ...
2
votes
1
answer
1k
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
1
answer
114
views
How to fix the Type Error ,,TransitionSpec throw type error in React Native Custom Animation of StackNavigator from @react-navigation/Stack
As i am implementing the Custom animation while user navigate through screen i got a type error. in the Stack Navigator section while using available property for custom animation i.e transitionSpec
...
1
vote
1
answer
131
views
Bottom Tab Bar is pushed upward when the keyboard opens
The solution provided in this thread is applicablle to all the screens but I need to implement it only on some specific screen how to do this ?
I tried below things but they are impact all the ...
1
vote
1
answer
451
views
React Native stack navigation — back button icon not visible on iOS
I'm using:
"@react-navigation/stack": "^6.3.12",
"react-native": "^0.74.2",
As the title says — the back button chevron on iOS is invisible for some iOS users. ...
5
votes
3
answers
4k
views
Expo Router Link - Type '"/sign-in"' is not assignable to type 'Href<string | object>'.ts
I have an expo project, and setting up a clerk auth. I have followed all the required code clerk gave, and now getting this error on the links. Everything looks okay to me, but I cant figure out how ...
0
votes
0
answers
122
views
React Native Navigation WARN: The navigation state parsed from the URL contains routes not present in the root navigator
Im having this warn in the console and I dont know how to solve it:
WARN The navigation state parsed from the URL contains routes not present in the root navigator. This usually means that the ...
0
votes
1
answer
151
views
title pushes out headerRight and headerLeft
Problem
If the title gets to be to long, it will push out the headerRight and headerLeft before it applies the ellipsis.
Note
I found a similar question here with no fix for this issue
https://...
1
vote
1
answer
261
views
React Native tvOS navigation not working correctly when making flex bigger
Im currently working on a React Native tvOS app, I've successfully created and finished the login page using a TVFocusGuideView so navigation works correctly using the apple tv remote.
I've now ...
0
votes
1
answer
108
views
Expo Router Crushing the app when navigating on iOS
I am trying to navigate to the profile from the verify screen upon complete authentication using the following code:
const verify = async ()=>{
.....
if (completeSignUp.status === "...
0
votes
1
answer
257
views
Navigation not working using expo-router on iOS
I have an _layout.tsx file that looks as follows:
const RootLayout = () => {
const router = useRouter();
const { user, isLoaded, isSignedIn } = useUser();
const { os } = usePlatform();
...
1
vote
1
answer
316
views
After changing screen brightness manually, the brightness cannot be changed from app code
I'm using React Native with @adrianso/react-native-device-brightness library for this
Imagine I'm in screen A, having device brightness about 0.5
When redirecting to screen B, Current brightness is ...
1
vote
0
answers
397
views
RN Modal with Gesture stuck on iOS with new architecture
I created a native Modal using Gesture from react-native-gesture-handler so that the Modal can be closed by swiping down. In iOS, after closing the mode and switching to other screens, the app hangs/...
1
vote
1
answer
57
views
React Native nested navigation unexpected behaviour
I am using 'react-navigation/native' in an Expo managed project and I have built using 'react-navigation/native-stack' and 'react-navigation/bottom-tabs' a navigation structure as follows:
<...
0
votes
2
answers
868
views
Navigation Issue in React Native: "NAVIGATE action not handled by any navigator
I'm experiencing an issue with navigation in my React Native app using React Navigation. When trying to navigate to a screen within a nested navigator, I'm getting the following error:
ERROR The ...