[study] navigation

react-native에서 정말 많이 사용하고, 그만큼 중요한 내비게이션이다.

 

아래 링크를 정말 많이 보고, 참고하고, 적용해 보았다.

https://reactnavigation.org/

React Navigation | React Navigation

 

위 사이트에 나온 방법대로 내비게이션을 설치했다면,

내가 사용하는 방법은 이렇다.

 

const navigation = useNavigation();

사용하는 곳에 useNavigation()을 선언해 주고, 

 

navigation.navigate(),

navigation.goBack(),
navigation.push(),

등의 함수를 사용한다.

 

-navigate : 특정 화면으로 이동

-reset : 현재 상태를 지정한 상태(바꿀 상태)로 변경해 주는 // 예를 들면 로그인-아웃

-goBack : 이전 히스토리로 이동

-push : 새로운 화면을 최상단에 넣는 것

-pop :  현재 보이고 있는 화면을 꺼내는 것

 

#navigate를 통해 데이터를 전달할 수 있는데, 아주 유용하다.

나는 navigation.navigate('이동할 페이지', { 보낼 데이터}) 의 방법으로 사용하고 있다.