finds.dev

EvanBacon/expo-router-layouts-example

Example of using custom layouts with Expo Router

View on GitHubHomepage ↗

★ 416TypeScriptupdated Jul 2024

// the take

A grab-bag of Expo Router layout patterns from Evan Bacon himself — bottom sheet, drawer, native/material tabs, a custom animated stack, and more, each as its own isolated route group. Useful for anyone building a React Native app with expo-router who wants a working reference for a specific navigation shell instead of reading the library's internals.

Comes straight from the expo-router maintainer, so the patterns reflect how the library is actually meant to be used, not a guess from a third party. Each layout lives in its own folder with a minimal _layout.tsx plus two screens, so you can copy exactly one pattern (say, bottom-sheet) into your app without untangling it from the rest. The custom-stack example with its own transitions/custom-transition.ts is the one hardest to find documented anywhere else — most routers don't expose enough to let you write your own transition.

Last pushed mid-2024, and expo-router has moved fast since then — no guarantee these patterns still match current APIs or that the reanimated 2.14.4 patch in patches/ is even relevant anymore. No tests or CI, so there's no signal whether any of this still builds against a current Expo SDK. The README is just embedded demo videos and two doc links — no explanation of why you'd pick drawer over bottom-sheet or what the tradeoffs of the material vs native tab implementations are, so you're on your own reading seven near-identical _layout.tsx files to figure that out.

We read the README, the directory tree and a key source file in October 2026. Nobody pays to be listed. How we judge →

// at a glance

Stars
416
Forks
37
Language
TypeScript
Last commit
26 Jul 2024

// nearby

If expo-router-layouts-example isn't quite it.

All repos →