android 펀치홀/홈바 대응 그리고 뒤로가기

Question

안녕하세요 저는 프론트엔드 웹개발자입니다전 앱개발을 한 번도 해보지 않았는데요,,,ㅎ저희 회사 앱이 현재 웹뷰로 구현되어있는 웹앱입니다지금 문제가 1. 안드로이드 상단 펀치홀 및 하단 홈바에 가려져서 앱 내 하단바와 상단바 ui가 겹쳐 잘려나오는 문제2. 안드로이드 뒤로가기 버튼(홈바) 안됨이 두가집니다저는 리액트만 할 줄 알고 지금 안드로이드는 리액트네이티브, 자바로 되어있어요문제 해결을 해야하는데 저도 모르는 영역이다보니 어디서부터 어떻게 어딜 수정해야하는지 모르겠습니다 도와주세요ㅠㅠ

캐티 · Answer

디스플레이 컷아웃 지원  |  Views  |  Android Developers

신도림산당 · Answer

안드로이드 sdk 35로 업데이트 하면 edge-to-edge 대응 해주셔야 되용https://techblog.gccompany.co.kr/%EB%8D%94-%EB%82%98%EC%9D%80-%EC%9C%A0%EC%A0%80-%EB%AA%B0%EC%9E%85%EA%B0%90%EC%9D%84-%EC%9C%84%ED%95%B4%EC%84%9C%EB%8A%94-edge-to-edge-%EC%A0%81%EC%9A%A9%EC%9D%80-%ED%95%84%EC%88%98-1238040b4264

simsim2 · Answer

1번 내용 답변윗분들 댓글에 작성되어있듯이, SDK 35 대응을 위한 EdgeToEdge 내용이며,MainActivity 에 아래 코드 삽입하시면 됩니다.val contentView = findViewById<View>(android.R.id.content)WindowCompat.setDecorFitsSystemWindows(window, false)ViewCompat.setOnApplyWindowInsetsListener(contentView) { view, insets -> val bars = insets.getInsets(WindowInsetsCompat.Type.systemBars()or WindowInsetsCompat.Type.displayCutout()or WindowInsetsCompat.Type.ime())view.setPadding(bars.left,bars.top,bars.right,bars.bottom )WindowInsetsCompat.CONSUMED}2번 내용 답변ReactNative WebView 내 뒤로가기 기능 구현 필요합니다.https://ricale.kr/blog/posts/210821-react-native-webview-android-back-button/

아아물적게 · Answer

댓글 적어주신 분들 앞으로 하는 일 모두 잘되시고 행복하시길 바래요 감사합니다

ExpoProvider · Answer

SafeAreaView 문제 같은데요.. 는, IPhone 등의 notch 로 인한 레이아웃 깨짐을 방지하기 위해 제공되는 RN 컴포넌트입니다.RN 기본 패키지에는 포함되어 있지 않고, ‘react-native-safe-area-context’ 패키지를 설치한 후에 사용할 수 있습니다. return ( {/* */} );이렇게 사용하죠. 레이아웃을 SafeAreaProvider, SafeAreaView 로 감싸 보세요.

android 펀치홀/홈바 대응 그리고 뒤로가기

5개의 답변

#android 목록