[React Native] navigation (공식 문서 안 읽고 삽질한 썰)

react-native를 접한 뒤 react의 router처럼 작동하는 navigation을 설치하여 테스트 해 보았다. 그런데 너무나도 빠르게 변화하는 react-native의 속도에 맞추지 못하고 구글링으로 이곳저곳을 헤매다 결국 공식문서를 보긴 하여 코드를 작성하였다.

import { createNative } from "react-navigation-stack"
import { NavigationContainer } from "@react-navigation/native"

...

  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Item" component={ItemScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  )

너무나도 자연스러워서 무엇이 잘못되었는지 몰랐지만 정답은

import { createStackNavigator } from "react-navigation-stack"

이놈에게 있었다.

분명 공식문서에는 createNativeStackNavigator를 사용하라고 나와있었는데 난 왜 저 코드를 앞에두고도 몰랐던 것일까,,,

혹시라도 react-native의 navigation버전 때문에 헷갈리는 사람들이 많을 수 있을 것 같아서 구글에 떠도는 코드를 조합하는 것 보다 꼭 공식문서를 잘 읽어보자는 이야기를 하고 싶다,,,,,

(는 또 나만 틀렸지?)

공식문서