Navigation에서 props 넘기기

u·2022년 4월 3일
0

ReactNative

목록 보기
8/12

참고 : 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")
    }
  })
  
  ...
  ...
  
}

0개의 댓글

관련 채용 정보