Navigation에서 props 넘기기

참고 : https://reactnavigation.org/docs/params/

배경

버튼 클릭시 Login 화면으로 이동할 때 아래와 같이 작성하면 된다.
이때, Login.js에서 매개변수명으로 반드시 route를 사용해야 값을 받을 수 있다.

Home.js

onPress={() => navigation.navigate('Login', {
            color: "red"
          })}

Login.js

export default ({route,navigation})=> {

  useEffect(()=>{
    console.log("Login Screen 컴포넌트 mounted")
    console.log(route)
    console.log(route.params) // Props

    return ()=>{
      console.log("Login Screen 컴포넌트 unmounted")
    }
  })
  
  ...
  ...
  
}

좋은 웹페이지 즐겨찾기