How to disable push animation when using Expo router replace()?

Question

I am using Expo Router for my React Native application. I am trying to navigate to a page within my app without any animations; in React Navigation, there is an option to set the animation, but seems like expo router hides this parameter. Is there a way to do this?

router.replace({
  pathname: '/my-link',
  params: {},
});

Answer 1

On your _layout.tsx file you can have something like this

export default function Layout() {
  return (
    <Stack
      screenOptions={{
        animation: "none"
      }}
    >
      <Stack.Screen name="screen1" />
      <Stack.Screen name="screen2" />
    </Stack>
  );
}