Tecnate | Last Updated: 22 Nov 2024
- React Native Notes
+Routes: Pages/Screens the user can navigate to._Layouts: Non-navigable components that organize or group routes.
For Example:
app/
_layout.tsx # Shared layout for all pages in this folder.
+index.tsx # Route for the "home or index" screen.
+profile.tsx # Route for the "profile" screen.
+not-found.tsx # Special route for unmatched paths (404 page).When the app is running:
- Navigating to
/indexwill render+index.tsxwrapped in_layout.tsx. - If the user navigates to a nonexistent path,
+not-found.tsxwill be shown.
<Stack> is a component that helps you manage navigation between different screens in your app. It organizes your app's screens to function like cards in a deck.
- Each
<Stack.Screen>in your app is a card/page or group. - You can "push" a new screen onto the stack (add it to the end of the array, i.e. go to a new page).
- You can "pop" a screen off the stack (remove it from the end of the array, i.e. go back to the previous page).
Tabs are controlled by the group (tab). You can create any group using () enclosing your group's directory name. Any new (group) that you create will need its own _layout.tsx file inside