어떤 기능인가요?
추가하려는 기능에 대해 간결하게 설명해주세요
지금은 웹뷰 하나에 SPA를 띄우고 헤더·←/X·화면 전환을 모두 웹이 맡는다. 그래서 전환 애니메이션과 iOS 스와이프 뒤로가기가 없다. 안드로이드 백 버튼은 webViewRef.goBack()으로 바로 뒤로 가서 신청서의 작성 중단 모달을 건너뛴다.
탭 화면(홈·빌릴게·행사·게시판)은 지금처럼 웹뷰 하나로 두고, 하단 탭이 없는 화면(행사 상세·신청서·완료·마감·공지 상세)만 앱 스택에 "앱 헤더 + 새 웹뷰"로 쌓는다. 웹이 #9 브리지로 navigation.* 메시지를 보내면 앱이 스택을 움직인다.
- 네이티브 전환 애니메이션 + iOS 스와이프 뒤로가기
- 헤더는 WDS
TopNavigation 모양을 RN으로 옮겨 그리고, 아이콘은 react-native-svg로 그린다
- 작성 중인 신청서는 ←·스와이프·안드로이드 백 모두 웹의 작성 중단 모달을 거친다
📝 작업 상세 내용
📁 참고 자료 (선택)
어떤 기능인가요?
지금은 웹뷰 하나에 SPA를 띄우고 헤더·←/X·화면 전환을 모두 웹이 맡는다. 그래서 전환 애니메이션과 iOS 스와이프 뒤로가기가 없다. 안드로이드 백 버튼은
webViewRef.goBack()으로 바로 뒤로 가서 신청서의 작성 중단 모달을 건너뛴다.탭 화면(홈·빌릴게·행사·게시판)은 지금처럼 웹뷰 하나로 두고, 하단 탭이 없는 화면(행사 상세·신청서·완료·마감·공지 상세)만 앱 스택에 "앱 헤더 + 새 웹뷰"로 쌓는다. 웹이 #9 브리지로
navigation.*메시지를 보내면 앱이 스택을 움직인다.TopNavigation모양을 RN으로 옮겨 그리고, 아이콘은react-native-svg로 그린다📝 작업 상세 내용
ShellWebView로 분리navigation.*메시지 파서 추가 (push / replace / pop / close / backGuard)←/X/ 제목,react-native-svg아이콘)usePreventRemove)📁 참고 자료 (선택)