react-navigation, initialrouteName dynamic 하게 설정하기

어떤 이유에서든, initailrouteName 을 동적으로 설정해주고 싶은 순간이  온다.

로그인 작업중, 혹은 로그인 이후 사용자별 처리 등의 순간에 말이다.

 

어찌하면 될까. 제법 고민도 많이하고 검색도 많이했다.

 

정답은 initalrouteName 동적으로 설정해주는것이 아닌

switchNavigator를 통해 서로다른 stackNavigator로 연결해주는것에 있었다.

 

나같은 경우에는 로그인 이후, 사용자의 Role에따라 다른 화면을 기본화면으로 보여주어야했다.

당연히 initailrouteName의 동적설정에 대해서 생각해보게 되었으나

시야를 조금 넓혀보니 switchNavigator가 눈에 들어왔다.

 

appNavigator

authNavigator

mainNavigator - a_navigator / b_navigator / roleNavigator

 

로 구성을하고, switchNavigator를 통해 mainNavigator를 구성한다.

roleNavigator를 mainNavigator의 defaultRouter로 설정하고

여기에서 사용자의 역할 (혹은 무언가)을 체크하여  a 혹은 b 화면으로 이동시켜준다.

 

 

 

---

웹사이트 개발 / 홈페이지 제작 / android앱 개발 / ios 앱 개발 / server / client / aws / fullstack / buisness partner / 외주 / 용역

https://open.kakao.com/o/sNETgUJb

http://self-made.cloud