Scaleup Guide
Expo Router: File-Based Navigation for React Native
Enquiry
Growth
BuildUXSEO
React NativeExpoNavigation
In this guide
A simple overview of Expo Router: File-Based Navigation for React Native. Learn what it means, when it helps, and what to check first.
If you love Next.js file-based routing, Expo Router brings the same model to React Native. Your folder structure *is* your navigation, and every screen gets a real URL for free.
Files Become Routes
text
app/
├── _layout.tsx # root layout (stack/tabs)
├── index.tsx # "/"
├── profile.tsx # "/profile"
└── product/
└── [id].tsx # "/product/:id"Dynamic Routes
tsx
import { useLocalSearchParams } from "expo-router";
export default function Product() {
const { id } = useLocalSearchParams();
return <Text>Product {id}</Text>;
}Navigating With Links
tsx
import { Link } from "expo-router";
<Link href="/product/42">View product</Link>;Universal Deep Links
Because routes are URLs, the same paths power native deep links and a web build of your app — write the navigation once, run it everywhere.