Skip to main content

All Questions

Tagged with
Filter by
Sorted by
Tagged with
21 votes
3 answers
24k views

Passing Object Using Expo Router

I need to pass an object from one screen to another using expo-router I have a screen that shows a FlatList with items and a detail screen that would show more information about the item. The ...
David Henry's user avatar
  • 2,720
9 votes
3 answers
3k views

trouble navigating with file based router on Dynamic route

The file based routing hasn't exactly clicked all the way for me. The earlier NextJS pages file routing worked easily. I haven't made the conversion to Expo Route file based for some reason. ...
Phil Lucks's user avatar
  • 3,586
8 votes
3 answers
4k views

How to pass data from a modal with Expo Router using React-Native

Newbie to expo-router & React-Native I have two screens (a & b) for example, b being a modal which is presented over a. How would I go about passing data from screen b (the modal) back to ...
David Henry's user avatar
  • 2,720
8 votes
3 answers
2k views

Passing params with router.back()

I'm using expo-router and need to pass some params back. How to do that? I use router push here: <TouchableOpacity style={styles.qrButton} onPress={()=> {router.push(`/rent-bike/qr-scanner`)}}&...
rafauoo's user avatar
  • 81
6 votes
2 answers
4k views

Typed routes with object parameters on new Expo-Router v2

I am moving my app from react-navigation to expo-router, but I didn't find a solution to typed routes yet. I know there is a feature that automatically types your routes following the files routes and ...
Guilherme's user avatar
6 votes
1 answer
2k views

Use stack layout as expo-router slot child route

I am currently using expo router 2 with expo SDK49. I would like to add a child route of a slot layout to be rendered as a stack layout - ie whole screen replaced with a back button. I can't seem to ...
Ray 's user avatar
  • 61
6 votes
1 answer
740 views

how to make expo router keep the same page after devmode fast refresh

When we change something when using the expo router, the expo GO android app auto-refresh feature will redirect us to the first page. How can we make it keep the same route we were working on?
Vitor Figueredo Marques's user avatar
5 votes
3 answers
9k views

Expo-Router Bottom tabs with nested Stack Screen

I am trying the new Expo-Router with a complex nesting navigation, currently i'm trying to display a screen with a presentation of modal, which itself is a part of a bottom tab navigation, but it is ...
dev1ce's user avatar
  • 1,659
5 votes
0 answers
657 views

How to nest Stack Navigation into Tab Navigation in Expo Router V2?

when I start the app my navigation tab appears at the bottom. A stack navigation should appear on one of the screens linked there (settings page). However, the tab navigation should be retained. How ...
Rene Kutter's user avatar
5 votes
0 answers
1k views

router.replace() method results in slow navigation in expo router when navigating from a 'modal' presented screen to a regular screen

I have the following folder architecture using expo router v2 and expo sdk 49 folder architecture for expo router v2 navigation I am transitioning from several modal presented screens to a regular ...
yohai wiener's user avatar
4 votes
1 answer
1k views

Multi Nested Dynamic Routes in Expo Router

I have seen similar posts like this, but all of them with no answer and my guess is that at the moment it is not possible that is why. So I would like to ask directly here whether it is possible or ...
Enrique's user avatar
  • 53
4 votes
1 answer
6k views

An issue about nested navigator in Expo Router

I am encountering an issue related to navigating in Expo Router. image of my project's navigator hierarchy As shown in the screenshot above, I have configured my router in the following way. I defined ...
smins's user avatar
  • 51
4 votes
2 answers
707 views

How to resolve "Using deprecated Layout Route format" error with expo-router in React Native?

I'm working on a React Native app using Expo and I've recently integrated expo-router for routing. My app's file structure is set up to have dynamic routes for groups, and it works correctly until I ...
Opeyemi Odedeyi's user avatar
4 votes
1 answer
2k views

Status-bar / SafeArea issue with Expo React Native

I was using SafeAreaView for my screens and it behaved normally: Safe areas' background color is the same as the rest of my screen The content is simply padded within the safe area insets, just like ...
JamTheCode's user avatar
4 votes
2 answers
1k views

Ignore an app-directory subfolder when using expo-router

I'm using expo-router for my react native app. I'm using the following type of file structure app/ ├── index.tsx └── components/ └── header.tsx The problem is, expo-router then generates a screen ...
Alex Shaw's user avatar
4 votes
1 answer
849 views

React Native Expo giving; Application tried to present modally a view controller that is already being presented

Im running into an issue i cant seem to fix ... Im using Expo Router and in my layout file in checking if the user is authenticated, if they are, send them to the (app) which is a tabs layout. If they ...
BigJobbies's user avatar
  • 3,975
4 votes
1 answer
1k views

Custom modal/sheet is behind in react native expo router stack screen that has a representation set to modal

Im just learning react native and i used expo on top of it. I have screen create.js that set the presentation on screen option to "modal", Now in this screen i have to use SELECT input for ...
Leouie Tabique's user avatar
4 votes
4 answers
5k views

Not able to pick initialRouteName in Expo Router when using stacked navigation

I cloned the sample Expo Navigation example project: https://github.com/expo/expo/tree/main/templates/expo-template-tabs Official documentation: https://docs.expo.dev/routing/introduction/ And added ...
Nik's user avatar
  • 65
3 votes
1 answer
180 views

How to stop displaying New file as an menu list in expo router?

I am working on expo router trying to develop android application. During development I Observe that if I am creating any new file it is showing in menu, like if I am using tab navigation using expo ...
msrajwat298's user avatar
3 votes
2 answers
3k views

How to correctly set the initial route for nested tabs using Expo Router in React Native?

I'm building a React Native application using Expo with Expo Router for navigation and I'm encountering an issue with setting the initial tab when the app starts. Despite configuring the initial route ...
Faisal Shaikh's user avatar
3 votes
1 answer
602 views

ReferenceError: window is not defined in React Native project after adding Supabase call

I'm using a React Native project with Expo v49, and I added a Supabase call to read some data from the database, and it works on ios/android, But when I open the web version, I get "...
shadowcrux's user avatar
3 votes
2 answers
3k views

ValidationError: Invalid options object. expo-router config plugin has been initialized using an options object that does not match the API schema

I'm trying to migrate a project using React Navigation to Expo Router. Got this error: ValidationError: Invalid options object. expo-router config plugin has been initialized using an options object ...
toby rasputin's user avatar
3 votes
1 answer
2k views

Warning in Expo Router - Layout children must be of type Screen, all other children are ignored

When I was trying to make folder structure type routes and handling authentication in the main _layout.tsx file and then navigating to different folder route on the basis if the user is authenticated ...
Akshmit Saxena's user avatar
3 votes
0 answers
447 views

Expo Router not detecting filesystem changes

I have recently been introduced to expo router, and right now I am working on an app using it. Things have been going smooth for the first day. However, by the second day, when I wanted to add a third ...
Yarm's user avatar
  • 76
3 votes
0 answers
566 views

How do I conditionally show/not show a Tab in React Native using Expo Tabs

Like the heading I want to conditionally show a tab based on an object data thats stored in the AsyncStorage. app/(tabs)/_layout.tsx import React, { useEffect, useState } from "react"; ...
Alen Aju's user avatar
3 votes
1 answer
553 views

Set stack background color in expo-router

I am getting white flashes as I navigate in a stack, even though I set backgroundColor to #000000in app.json. I used npx create-expo-app@latest --template tabs@50 to create a fresh install, but no ...
Timothée Billiet's user avatar
3 votes
2 answers
1k views

Correct way of passing data back to previous page with Expo Router?

I have two pages in my app currently, Page1 and Page2. On Page1, I do the following to open Page2 using Expo Router: <Link href="/page2" asChild> <TouchableOpacity> <...
user023425's user avatar
2 votes
2 answers
2k views

Bottom tab navigatior with drawer navigation expo-router

This question is related to expo-router. I'm using a Tab Navigator where I have some Stack screens inside, in the profile screen I need a burger menu which is provided by Drawer Navigator. I want to ...
Makalei Galkim's user avatar
2 votes
1 answer
3k views

Expo Router - when using router.push() to a screen in a different tab, unable to return to root of push

Scenario: A component that navigates to a specific route This component is used in multiple screens The component is used on screens that are not in the stack of the tab it is pushing the route to ...
Scotch's user avatar
  • 153
2 votes
1 answer
2k views

Expo Router - preserve state of screen when pushing a new one

I'm working with Expo Router in React Native. I'm noticing that when I use router.back() the previous screen is not keeping it's old state, it just re-renders. Example: export default ScreenA = () =&...
Marcel's user avatar
  • 456
2 votes
1 answer
572 views

How to pass props to the screens when using Expo Router

I need to pass open and setOpen to the index screen. function RootLayoutNav() { const colorScheme = useColorScheme(); const [open, setOpen] = useState(false); return ( <...
Stanimir Nikolov's user avatar
2 votes
2 answers
1k views

Incorrect title of Stack header back button in Expo Router

I am working on a React Native project using Expo Router and have encountered an issue with the title displayed on the "Back" button. Navigation Structure: My navigation structure is as ...
Vladimir Schneider's user avatar
2 votes
1 answer
745 views

Expo Router, Navigator at "XYZ" has no children

I am constantly having trouble having migrated to Expo 48 with File Based routing. When I add a simple route, it usually is not picked up. I just added profile page which is from the main header. ...
Phil Lucks's user avatar
  • 3,586
2 votes
1 answer
1k views

How to set my LoginPage as index in Expo React Native

I have an app on React-Native (using Expo) that is pretty basic. as for now, I have an Index.js with all the logic of a login page. That works great but I want to structure it more into different ...
theKid's user avatar
  • 612
2 votes
2 answers
209 views

Conditionally hide a tab in Expo Router with Material Top Tab Navigator

I am using Expo Router along with Material Top Tab Navigator in a React Native application. I am trying to conditionally hide a tab based on a certain criterion, but setting href: null doesn't seem to ...
aakashgupta.0205's user avatar
2 votes
0 answers
341 views

Passing data form a component to layout file through expo-router

I want to pass a prop (accountInfo) from a component to the layout file of the app. The component which has the accountInfo is dynamically routed i.e. app/[accId]/index.tsx. I have different layouts ...
Varun's user avatar
  • 81
2 votes
0 answers
478 views

Expo Router Issue: Navigating Between Screens Using Parentheses Grouping

Certainly, here's your initial question rephrased in English: I have a folder named "app" containing an Expo router structure as follows: (onboard) _layout.tsx experience.tsx profile....
Aliansyah Firdaus's user avatar
2 votes
0 answers
849 views

Unmatched Route when using shared routes with array syntax on expo

Which package manager are you using? (Yarn is recommended) yarn Summary Hello, I have set up a basic expo typescript project using npx expo init with expo-router & expo-dev-client installed and I'...
Francis Leigh's user avatar
2 votes
0 answers
914 views

How to configure routes for auth user and unauth user in expo router?

I'm using expo SDK 49 and expo router v2. I have a route structure like this: (main) | dashboard.tsx | profile.tsx | order.tsx | wishlist.tsx | history.tsx (home) | _layout.tsx | index.tsx | ...
HerraJohn's user avatar
1 vote
1 answer
1k 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 ...
Andrew Einhorn's user avatar
1 vote
1 answer
1k views

Versel TurboRepo has got a conflict with expo router installation

I'm using TurboRepo to build a monorepo and the react-native-web example for kicking off full example of expo react-native-web. I want to install expo-router but I can't implement it properly within ...
AmerllicA's user avatar
  • 31.5k
1 vote
1 answer
2k views

How to ignore a folder from navigation in expo-router?

Simple and maybe dumb question, but I don't see anywhere in the doc where can I completely ignore a folder from navigation. I have for example a src/service folder, where there are no 'pages' nor ...
TOPKAT's user avatar
  • 7,989
1 vote
3 answers
2k views

How to reset navigation in expo router

I have 3 screens for forgot password. Forgot password screen starts from login page. So after successfully resetting the password I need user to go to login page. But still the user can go back to the ...
Mishen Thakshana's user avatar
1 vote
2 answers
1k views

expo router: how to create stack for each tab?

Where is the equivalent documentation in expo router for this: https://reactnavigation.org/docs/tab-based-navigation#a-stack-navigator-for-each-tab Basically id like to make nested stacks that use ...
jolt's user avatar
  • 33
1 vote
1 answer
375 views

Infinite loop in useFocusEffect using AsynStorage

I have a component that is using useFocusEffect hook to fetch data from AsyncStorage when the router goes back to this component. const [carNames, setCarNames] = useState([]); useFocusEffect(() =>...
Henrique Andrade's user avatar
1 vote
1 answer
78 views

Pass params while navigating back

I am using expo-router, I have two screens ScreenA and ScreenB, from ScreenA I am navigating to screenB, in screenB I want to push data back to screenA by using router.back() or any other way, I don't ...
Rohith Nambiar's user avatar
1 vote
1 answer
493 views

How to Set a Specific Tab as the Initial Route in Expo Router Without an index.tsx?

I'm building a React Native app with Expo Router, organizing it into main sections using a tabs layout: Events, Search, and Profile. Image of the folder structure im desiring: Each of those main ...
pouyar_'s user avatar
  • 17
1 vote
2 answers
887 views

How do I hide the previous Stack header when I navigate to the new Stack screen in expo router?

I'm using expo router, and want to know how I can remove the previous stack header from the screen, the replace method is not working as expected. My file structure looks like this: -app -exercise ...
Muathcs's user avatar
  • 234
1 vote
1 answer
249 views

Expo Router React Native setParams() not on screen error

I am having trouble using the router.setParams() method with Expo Router. I'm trying to follow the example here: https://docs.expo.dev/router/reference/search-parameters/#updating-search-parameters I ...
Matt Rice's user avatar
1 vote
1 answer
3k views

How can I use a dynamic route in an expo-router Link component using TypeScript?

I have a list of items that I can click to go to different pages. These items are stored in an array. They have the following shape: type Item = { label: string path: ItemPath } type ItemPath = &...
Lau's user avatar
  • 31