Expo Router | Screen Transitions

The Expo Router integration is Alpha. It uses Expo Router's Standard Navigator integration and currently requires Expo Router 56.2.10 or later.

Add Blank Stack to a layout

Import BlankStack from the Expo Router entry point:

TSX

1// app/_layout.tsx
2import Transition from "react-native-screen-transitions";
3import { BlankStack } from "react-native-screen-transitions/expo-router";
4
5export default function RootLayout() {
6  return (
7    <BlankStack>
8      <BlankStack.Screen name="index" />
9      <BlankStack.Screen
10        name="detail"
11        options={Transition.Presets.SlideFromBottom()}
12      />
13    </BlankStack>
14  );
15}