[앱 공통] 진입 화면 안전 영역 및 공지 모달 노출 순서 수정

[dennis0405]

작업 내용

• 앱 진입 화면과 초기화 화면에 기기 안전 영역을 반영했습니다.

  • Android 상태 표시줄과 하단 시스템 내비게이션 영역을 제외하고 레이아웃을 계산합니다.
  • iOS Dynamic Island 및 홈 인디케이터 영역도 동일하게 반영합니다.
  • 첫 프레임부터 네이티브 안전 영역 값을 사용해 애니메이션 도중 위치가 변하지 않도록 했습니다.

• 공지 및 약관 모달의 노출 순서를 수정했습니다.

  • 비로그인 사용자는 로그인 화면 전환 애니메이션이 끝난 뒤 모달을 표시합니다.
  • 로그인 사용자는 진입 애니메이션이 종료된 뒤 모달을 표시합니다.
  • 강제 업데이트 모달은 기존처럼 우선 표시합니다.

• Android/iOS 안전 영역 및 전역 모달 노출 조건에 대한 회귀 테스트를 추가했습니다.

변경 이유

Android 실기기에서 하단 시스템 바가 진입 화면 좌표 계산에 반영되지 않아 브랜드 요소가 지나치게 아래쪽에 표시되는 문제를 수정하기 위함입니다.

또한 공지 모달이 네이티브 Modal로 진입 애니메이션보다 먼저 표시되면서, 모달 뒤에서 애니메이션이 끝나버리는 문제를 해결했습니다.

테스트한 내용

• yarn test --runInBand
  • 10 suites / 52 tests 통과
• yarn tsc --noEmit
• yarn lint
• yarn bundle:android
• yarn bundle:ios
• yarn build:android:debug
• Android 실기기에서 진입 화면 위치 및 공지 모달 순서 확인
• iOS 시뮬레이터 또는 실기기에서 안전 영역 확인

스크린샷

• 실기기 재확인 후 첨부 예정