Expo Router Shared Element Transitions Demo

⚠️ Not currently working ⚠️

I left this up for anyone who wants to take a crack at it.

I think the issue might be that it needs to be the same "Stack" or "Navigator"

Here's the docs for doing it with React Navigation, which Expo Router uses under the hood: https://reactnavigation.org/docs/7.x/shared-element-transitions?config=dynamic

There's some disconnect between the expected React Navigation implementation and Expo Router.

This is an example Expo project created to demo to use Shared Element Transitions with Expo Router.

Written for this thread: expo/router#150

Feel free to submit pull requests for breaking changes from new Expo versions.

Get started

In the output, you'll find options to open the app in a

You can start developing by editing the files inside the app directory. This project uses file-based routing.

When you're ready, run:

npm run reset-project

This command will move the starter code to the app-example directory and create a blank app directory where you can start developing.

To learn more about developing your project with Expo, look at the following resources:

Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.

Join our community of developers creating universal apps.