본문 바로가기
개발자의 공부방/모바일

RN] 화면 이동하는 방법.

by 쥬니준 2022. 1. 14.
728x90
반응형

// 스텍에 쌓고 이동하기 ( 뒤로가기시 페이지로 돌아옴 )

this.props.navigation.navigate('스크린 이름 ')

 

// 이전페이지로 돌아가기 ( 위의  navigate 를 이용하여  이동한 경우  가능  payLoad 가 2개 이상인 경우에 가능 하다 ) 

this.props.navigation.pop();

 

// 스텍의 제일 윗 페이지로 이동

this.props.navigation.popToTop()

 

// 새롭게 컴포넌트를 스텍이 쌓는다. ( 이전에 스텍에 쌓여있으면 그걸 불러온다 )

this.props.navigation.push();

 

// 스텍쌓지 않고 이동하기  ( 뒤로가기시  이전페이지로 돌아갈 수 없음 )

this.props.navigation.replace('스크린이름')

 

 

// 중첩된 네비게이터에서 이동

this.props.navigation.navigate('A_Screen', { screen: 'A_1Screen' })

 

 

// 데이터 전달 

this.props.navigation.navigate('Inquiry_R',{

     키값: 데이터

})

 

 

// 뒤로가기 

import { CommonActions } from "@react-navigation/native";

 

this.props.navigation.dispatch(CommonActions.goBack());

 

 

this.props.navigation.goBack()

 

 

출처 : https://machine-woong.tistory.com/319

반응형

댓글0