웹뷰에서 팝업 close는 window.close() 대신 window.history.back() 으로 닫을 수 있다

Tony·2024년 8월 7일
0

react-native

목록 보기
7/11

TL;DR;

window.open(...) 으로 띄운 팝업은 웹뷰에서 window.history.back() 으로 닫을 수 있다

이슈 및 해결

웹뷰에서 window.open(...) 으로 팝업을 띄운 것은 팝업안에서 window.close()로 닫을 수 있다

사실 일반적으로 팝업은 그냥 브라우저에서 제공하는 닫기 버튼을 눌러서 닫으면 된다

그러나 웹뷰에서 팝업이 뜨면 닫기버튼이 없다

그래서 닫기버튼을 만들어줘야 하는데 window.close()가 동작하지 않았다

구글링 중 웹뷰 컴포넌트에 onNavigationStateChange가 있어서 로그를 찍어보니

팝업으로 떴을 때에 뒤로가기가 가능한 것이 확인되었고 닫기버튼에서 window.history.back()을 실행하니 웹뷰에서도 팝업을 닫을 수 있었다

profile
움직이는 만큼 행복해진다

0개의 댓글