Universal modal with Expo Router

_layout.tsx

export default function RootLayout() {
  return (
    <Stack>
      <Stack.Screen
        name="(drawer)"
        options={{
          headerShown: false,
        }}
      />
      <Stack.Screen
        name="settings"
        options={{
          presentation: "transparentModal",
          headerShown: false,
          animation: "fade",
        }}
      />
      <Stack.Screen name="+not-found" />
    </Stack>
  );
}

settings.tsx

import { Text } from "@/components/ui/text";
import { useColorScheme } from "@/hooks/useColorScheme";
import { Link, useRouter } from "expo-router";
import { Image, Pressable, StyleSheet } from "react-native";
import Animated, { FadeIn, SlideInDown } from "react-native-reanimated";

const ICON_RATIO = 15;

export default function SettingsScreen() {
  const router = useRouter();
  const theme = useColorScheme();
  return (
    <Animated.View
      entering={FadeIn}
      className="flex-1 items-center justify-center bg-black/40"
    >
      {/* Dissmiss modal when pressing outside */}
      <Pressable onPress={router.back} style={StyleSheet.absoluteFill} />
      <Animated.View
        entering={SlideInDown}
        className="w-11/12 h-1/2 items-center justify-center bg-zinc-50 dark:bg-zinc-800 p-4"
      >
        <Image
          source={
            theme === "light"
              ? require("../assets/images/logo-type-b.png")
              : require("../assets/images/logo-type-b-light.png")
          }
          style={{
            width: 1024 / ICON_RATIO,
            height: 921 / ICON_RATIO,
            objectFit: "contain",
          }}
        />
        <Text variant={"largeTitle"} className="mt-6 font-bold">
          Hello world! 👋
        </Text>
        <Link asChild href="/">
          <Pressable className="bg-sky-500 mt-6 px-2 py-1 items-center justify-center rounded-md">
            <Text className="text-zinc-50">Go to home screen!</Text>
          </Pressable>
        </Link>
      </Animated.View>
    </Animated.View>
  );
}