스크린으로 사용된 컴포넌트는 navigation 외에 route라는 Props도 받아옵니다. 이 Props는 객체 타입인데요. 안에는 다음과 같은 정보가 들어있습니다.

{
  "key": "Detail-vgDx8-H-8e7oao6a3xJz7",
  "name": "Detail", 
  "params": {"id": 1}
}

key는 화면의 고유 ID로 새로운 화면이 나타날 때 자동으로 생성됩니다. name은 화면의 이름으로 App 컴포넌트에서 네이티브 스택 내비게이터를 설정할 때 지정한 이름입니다. params가 바로 우리가 화면 전환 시 지정한 라우트 파라미터입니다.

이제 Home 화면에서 버튼을 각 버튼을 눌렀을 때 화면에 다른 id가 나타나는지 확인해보세요.

▲ 그림 5-5 라우트 파라미터