Stack

스택은 Navigation의 한 종류로 말 그대로 쌓여있는 구조를 나타낸다.

    <Stack.Navigator>
      <Stack.Screen name="Welcome" component={Welcome} />
      <Stack.Screen name="Login" component={Login} />
      <Stack.Screen name="CreateAccount" component={CreateAccount} />
    </Stack.Navigator>

코드를 보면 맨 윗줄에 Welcome이 있다.

층층히 쌓여있는 구조라서 이 Welcome 뒤에는 Login이, Login 뒤에는 CreateAccount 컴포넌트가 있는 구조이다.

Login과 Welcome의 코드라인을 바꿔보면?

    <Stack.Navigator>
      <Stack.Screen name="Login" component={Login} />
      <Stack.Screen name="Welcome" component={Welcome} />
      <Stack.Screen name="CreateAccount" component={CreateAccount} />
    </Stack.Navigator>

Login이 가장 앞에 나오게된다.

이것이 Stack