File-based navigation

In this section, we will talk about Expo Router, a file-based router works in a similar way to routing in Next.js. To add a new screen, you just need to add a new file to the app folder. It’s built on top of React Navigation, so the routes have the same options and parameters.

For more information and details about Expo Router, take a look at this link:

https://docs.expo.dev/routing/introduction/

To try it out, we will install a fresh project using:

npx create-expo-app –template

To install the project with Expo Router ready, we just need to choose the Navigation (TypeScript) template:

    Blank
    Blank (TypeScript)
❯   Navigation (TypeScript) - File-based routing with TypeScript enabled
    Blank (Bare)

When the installation is finished, you will find the app folder for the project. This folder will be used for all your screens. Let’s try to replicate the example from the The basics of...