salmonco / Brain-Vitamin-Frontend-Patient

Brain Vitamin: Mobile app-based home care service for mild cognitive impairment

0 stars 0 forks source link

모바일 기기를 회전하면 그에 맞게 UI가 달라지지 않는 문제 #6

Closed salmonco closed 1 year ago

salmonco commented 1 year ago

핸드폰 세로 화면

KakaoTalk_Photo_2023-10-07-14-28-40 001

핸드폰 가로 화면

KakaoTalk_Photo_2023-10-07-14-28-40 002

salmonco commented 1 year ago

웹 url로 들어가서 하면 달라진 해상도에 맞게 UI가 적용됨
but 앱에서 실행하면 처음 앱을 실행했을 때의 해상도로 설정되고, 후에 (회전 등의 동작으로) 해상도가 달라져도 UI가 달라지지 않음

salmonco commented 1 year ago

문제 상황

디바이스의 회전을 통해 해상도가 변경되어도, 웹뷰의 UI는 디바이스의 해상도에 맞게 반응형으로 변경되지 않음
웹 페이지에서는 이미 반응형으로 UI가 구성되어 있음

해결 방안

디바이스의 해상도 변경을 감지하여, 변경을 감지할 때마다 반응형으로 UI가 달리지게끔 하기 (화면 리로드?) -> 아직 관련 레퍼런스를 찾지 못함
아예 디바이스를 세로모드 or 가로모드로 고정하여 회전할 수 없도록 하기 -> 근본적인 문제는 해결하지 못함. but 임시방편으로 적용했음 https://github.com/SWM-GGS/Brain-Vitamin-Frontend-Patient-App/commit/ce88591e93f05d069672144ffbcd713eef58da93