Skip to content

하단 탭 없는 화면을 네이티브 스택으로 띄우기 #11

Description

@tnals0924

어떤 기능인가요?

추가하려는 기능에 대해 간결하게 설명해주세요

지금은 웹뷰 하나에 SPA를 띄우고 헤더·←/X·화면 전환을 모두 웹이 맡는다. 그래서 전환 애니메이션과 iOS 스와이프 뒤로가기가 없다. 안드로이드 백 버튼은 webViewRef.goBack()으로 바로 뒤로 가서 신청서의 작성 중단 모달을 건너뛴다.

탭 화면(홈·빌릴게·행사·게시판)은 지금처럼 웹뷰 하나로 두고, 하단 탭이 없는 화면(행사 상세·신청서·완료·마감·공지 상세)만 앱 스택에 "앱 헤더 + 새 웹뷰"로 쌓는다. 웹이 #9 브리지로 navigation.* 메시지를 보내면 앱이 스택을 움직인다.

  • 네이티브 전환 애니메이션 + iOS 스와이프 뒤로가기
  • 헤더는 WDS TopNavigation 모양을 RN으로 옮겨 그리고, 아이콘은 react-native-svg로 그린다
  • 작성 중인 신청서는 ←·스와이프·안드로이드 백 모두 웹의 작성 중단 모달을 거친다

📝 작업 상세 내용

  • 웹뷰 공통 동작(로딩·오류·외부 링크·메시지 수신)을 ShellWebView로 분리
  • 브리지에 navigation.* 메시지 파서 추가 (push / replace / pop / close / backGuard)
  • WDS 모양의 앱 헤더 (← / X / 제목, react-native-svg 아이콘)
  • 스택 화면 라우트 (앱 헤더 + 웹뷰)
  • 네비게이션 메시지 처리, 브리지에 앱 → 웹 송신 추가, 루트 안드로이드 백 리스너를 포커스일 때만 동작하게
  • 작성 중인 화면 뒤로가기 가드 (usePreventRemove)
  • 웹 송신부 작업 요청 (stream-client-web 별도 이슈)

📁 참고 자료 (선택)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions