Weird error while using Nativewind and Expo Router

[rafaelrcamargo]

I'm going through this error while trying to recreate the tutorial using the navigation, but using that with the Nativewind package, do you happen to have any clues?

ERROR The action 'GO_BACK' was not handled by any navigator.

Layout:

import { Stack } from "expo-router"

export default function Layout() {
  return (
    <Stack
      initialRouteName="home"
      screenOptions={{
        headerStyle: {
          backgroundColor: "#f4511e"
        },
        headerTintColor: "#fff",
        headerTitleStyle: {
          fontWeight: "bold"
        }
      }}
    />
  )
}

Home:

import { View } from "react-native"
import { Link, Stack } from "expo-router"

export default function Home() {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      {/* Use the `Screen` component to configure the layout. */}
      <Stack.Screen options={{ title: "Overview" }} />
      {/* Use the `Link` component to enable optimized client-side routing. */}
      <Link href="/details">Go to Details</Link>
    </View>
  )
}

Ps: No route is found, and if I go through the Sitemap, no navigator is loaded just the page content.

[firasrg]

Hello!

If Home screen component is declared inside index.tsx, then change initialRouteName to "index".

The Stack JSX must be defined in _layout.tsx file like the following:

return(
  <Stack>
     <Stack.Screen name="details" />
  </Stack>
)

You don't have to add a stack for home if its inside index.tsx, because this is done automatically.

I hope it helps.