React Navigation - 모든 컴포넌트에서 navigation prop 접근

 

React Navigation 사이트 에서 참고한 내용입니다.

withNavigation 은 감싸고 있는 컴포넌트에 navigation prop 를 전달해주는 Higher-Order 컴포넌트이다. 이는 navigatio prop 를 컴포넌트로 직접 전달할 수 없거나, 깊게 중첩된 자식 컴포넌트로 전달하고 싶지 않을때 유용하다.

    

    

이를 해결하기 위해선, MyBackButton 에 navigation prop 를 전달하면 된다 : 

<MyBackButton navigation={this.props.navigation} />.

또는, withNavigation 를 함수를 이용해 navigation prop 를 자동으로 제공해줄 수 있다. 이 함수는 Redux의 connect 함수와 비슷하게 동작하는데, dispatch prop 대신 navigation prop 를 전달한다.

    

    

이 방법을 통해, navigation prop 를 전달하지 않고 앱 어디에서나 MyBackButton 을 사용할 수 있다.