How to define a default stack different from index.tsx
With React Native Expo Router, I would like to define a default stack different from index.tsx. In this toy example with one simple stack named page1.tsx, expo router does not find it and display “Unmatched route (page could not me found)”.
attempted to navigate before mounting the root layout component. ensure the root layout component is rendering a slot, or other navigator
my app/index.js
is just a loader
Error in Expo Router (Attempted to navigate before mounting the Root Layout component. )
I’m having an issue with my project, specifically with the buttons and navigation. When I press any button on the UI (except for the Tabs, which I want to keep), I get the following error: ‘Uncaught Error: Attempted to navigate before mounting the Root Layout component. Ensure the Root Layout component is rendering a Slot, or other navigator on the first render.’ I don’t understand why this is happening.enter image description here I’m leaving a link to a video about the navigation and the problem, as well as my GitHub repository
I can’t navigate back to root on expo router
I have a stack layout at the root of the app, which in turn has other nested stacks. The initial screen is app/index. Let’s say that in one of these nested stacks, like (mainScreen), I want to go back to app/index, which is the initial screen.
Dynamic routing with Stack and Tab Navigation in expo-router
I new to RN and I am trying to use expo router in my app. But I experience an issue with the structure of the files. Right now the structure is like this:
File structure
How can I align the Tab bars similarly on both Android and iOS devices?
I am using expo-router’s Tabs to create a navbar for my application, but I notice that there is a big disparity between the navbar’s appearance on iOS and Android. On Android the icons are not large enough, and there is a large gap between the icons and their labels. I’d like to get the Android navbar to look similar to the one on iOS devices.
Protecting routes in EXPO Router, React-Native
Now, I want to protect (auth), (waitlist), (tabs) and other routes.
(waitlist) should be my first route when the user opens the application and only when he passes (waitlist) he can go to (auth) and also as soon as he passes (auth) he can go to (tabs)
How to do this in Expo Router
How do I make this working for making a Login screen in Expo?
Link
How can I animating elements between screens with expo router
I am pretty new to expo and react native in general and want to make an animation, that goes from my profile screen to my detail screen seamlessly.
I found that sharedTransitionTags are used for this things but when tried implementing it looks like this:
Setting initial route in react native expo file router
I am trying to set an initial route in my react native app. When I created the app with “npx create-expo-app@latest”, the app got built with some template pages.
I have created an onboarding page and i want the app to open on that screen.