유니티 WebGL개발 시 SafeArea 설정을 해도 WebView에서는 반영이 안됩니다

[302gamesdev]

모바일 App에서의 화면

토스 WebView에서의 화면

Unity의 Screen API를 활용해서 SafeArea를 계산하여 모든 디바이스가 대응되도록 개발했지만
토스 WebView에서는 반영이 안되고있습니다.

토스 앱은 React쪽에서 따로 대응을 해야될까요?

[bing.gu]

안녕하세요
브라우저에서 획득한 safeArea 정보를 Unity 로 전달하여 설정이 필요할 것 같습니다.

브라우저의 safeArea 정보는 아래와 같이 획득할수 있습니다.(상하단 여백값을 응답 합니다)

앱인토스 개발자센터

Jslib 통해서 해당값을 획득하여, Unity에서 RectTransform.anchorMin, RectTransform.anchorMax 설정 해주시면 될거 같습니다.

`

private void Apply(SafeAreaPayload d) {if (target == null || d.windowWidth <= 0 || d.windowHeight <= 0) return;

// 픽셀 → 0~1 비율
float axMin = (d.left   / d.windowWidth);
float ayMin = (d.bottom / d.windowHeight);
float axMax = 1f - (d.right / d.windowWidth);
float ayMax = 1f - (d.top   / d.windowHeight);

target.anchorMin = new Vector2(axMin, ayMin);
target.anchorMax = new Vector2(axMax, ayMax);

// 오프셋/포지션/스케일은 초기화
target.offsetMin = Vector2.zero;
target.offsetMax = Vector2.zero;
target.anchoredPosition = Vector2.zero;
target.localScale = Vector3.one;
}

[302gamesdev]

도움이 많이됐습니다. 감사합니다