Expo router

Learn about the file-based routing convention used by Expo Router.

Learn how to quickly get started by creating a new project with Expo Router or adding the library to an existing project. Find the steps below to create a new project with Expo Router library or add it to your existing project. We recommend creating a new Expo app using create-expo-app. This will create a minimal project with the Expo Router library already installed. To create a project, run the command:.

Expo router

Expo Router is an open-source routing library for Universal React Native applications built with Expo. Expo Router is a file-based router for React Native and web applications. It allows you to manage navigation between screens in your app, allowing users to move seamlessly between different parts of your app's UI, using the same components on multiple platforms Android, iOS, and web. It brings the best file-system routing concepts from the web to a universal application — allowing your routing to work across every platform. When a file is added to the app directory, the file automatically becomes a route in your navigation. Detailed instructions on how to get started and add Expo Router to your existing app. Search Home Guides Reference Learn. Development process. Expo Router. Expo Modules API. EAS Build. EAS Submit. EAS Update. EAS Metadata. EAS Insights.

To create a new project, run the following command:.

Expo Router uses "links" to move between pages in the app. You can customize the component by passing the asChild prop, which will forward all props to the first child of the Link component. The child component must support the onPress and onClick props, href and role will also be passed down. Expo Router uses a stack-based navigation approach. Each new route you navigate to gets added to a stack. If you navigate a route already in the stack, the stack unwinds back to that existing route. This always pushes the route onto the stack, even if it already exists.

Learn how to quickly get started by creating a new project with Expo Router or adding the library to an existing project. Find the steps below to create a new project with Expo Router library or add it to your existing project. We recommend creating a new Expo app using create-expo-app. This will create a minimal project with the Expo Router library already installed. To create a project, run the command:. Now, you can start your project by running:. Make sure your computer is set up for running an Expo app. To create a new project, run the following command:. You'll need to install the following dependencies:.

Expo router

Learn about the file-based routing convention used by Expo Router. When a file is created in the app directory, it automatically becomes a route in the app. For example, the following files will create the following routes:.

Ryobi grass trimmer

EAS Metadata. EAS Update. Search Home Guides Reference Learn. Create a new file index. When a file is created in the app directory, it automatically becomes a route in the app. Remove the current route from the history and replace it with the specified URL. On this page. EAS Submit. Dynamic segments are accessible as search parameters in the page component. Terminal Copy. You can also navigate imperatively using the router object. The web-only attributes target , rel , and download are also supported. Specifically, remove metro , metro-resolver , react-refresh resolutions from your package. Example app See the source code for the example app on GitHub.

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Name Description navigate Navigate to the nearest route in the navigation state. You can push the current route multiple times or with new parameters. For example, the following files will create the following routes:. This allows you to use autocomplete for href s and get warnings when invalid links are used. This means that the previous screen will be available when the user navigates back. Yarn npm. EAS Metadata. For example on Twitter, you wouldn't be able to "replace" directly from a profile to a tweet, this is because the UI requires a back button to return to the feed or other top-level tab screen. Navigate between pages. Expo Modules API. Search Home Guides Reference Learn. You'll need to install the following dependencies:.