인프런 커뮤니티 질문&답변

최신 버전에서는 navigate 동작이 바뀐거같네요

    "react": "19.1.0",
    "react-native": "0.81.5",
    "expo": "~54.0.33",
    "expo-router": "~6.0.23",

사용하면서 강의 듣는데..

router.push는

A -> B -> C -> C -> B -> B -> C -> B
일 때 뒤로가기 하면 정확하게 역순으로
B -> C -> B -> B -> C -> C -> B -> A 로 동작하는데

router.navigate는
A -> B -> C -> C -> B -> B -> C -> B 일때

B -> C -> B-> C -> B -> A 처럼
바로 연달아서 같은 라우터를 연속 클릭햇을 때에만 뒤로가기 할 때 중복이 제거되거 되는 것 처럼 동작하는 것 같아요


activity 폴더에 적용한 코드들입니다

index.tsx

import NotFound from "@/app/+not-found";
import { usePathname, useRouter } from "expo-router";
import { Text, TouchableOpacity, View } from "react-native";

export default function Index() {
  const router = useRouter();
  const pathname = usePathname();

  if (
    ![
      "/activity",
      "/activity/follows",
      "/activity/replies",
      "/activity/mentions",
      "/activity/reposts",
      "/activity/verified",
    ].includes(pathname)
  ) {
    return <NotFound />;
  }

  return (
    <View
      style={{
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
      }}
    >
      <View>
        <TouchableOpacity onPress={() => router.push(`/activity`)}>
          <Text style={{ color: pathname === "/activity" ? "red" : "black" }}>
            All
          </Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => router.push(`/activity/follows`)}>
          <Text
            style={{
              color: pathname === "/activity/follows" ? "red" : "black",
            }}
          >
            Follows
          </Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => router.push(`/activity/replies`)}>
          <Text
            style={{
              color: pathname === "/activity/replies" ? "red" : "black",
            }}
          >
            Replies
          </Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => router.push(`/activity/mentions`)}>
          <Text
            style={{
              color: pathname === "/activity/mentions" ? "red" : "black",
            }}
          >
            Mentions
          </Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => router.push(`/activity/reposts`)}>
          <Text
            style={{
              color: pathname === "/activity/reposts" ? "red" : "black",
            }}
          >
            Reposts
          </Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => router.push(`/activity/verified`)}>
          <Text
            style={{
              color: pathname === "/activity/verified" ? "red" : "black",
            }}
          >
            Verified
          </Text>
        </TouchableOpacity>
      </View>
    </View>
  );
}

_layout.tsx

import { Slot } from "expo-router";

export default Slot;

[tabs].tsx

export { default } from ".";

3분 강의로 2시간이 사라진.....ㅠㅠ