[문의] 게임 웹뷰(type: 'game')가 iOS에서 기본 적용하는 네이티브 제스처 설정이 있을까요?

개발
,
1

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

안녕하세요. 앱인토스로 서비스 중인 앱에서 iOS 웹뷰의 터치 처리 동작을 확인하고 있습니다.

granite.config.ts의 webViewProps로 노출된 옵션 외에, 토스 웹뷰가 네이티브에서 아래 설정들을 기본 적용하고 있는지 알고 싶습니다.

  • scrollView.pinchGestureRecognizer.isEnabled
  • scrollView.minimumZoomScale / maximumZoomScale / bouncesZoom
  • scrollView.delaysContentTouches / canCancelContentTouches
  • WKWebViewConfiguration.ignoresViewportScaleLimits

각 항목이 적용되는지 여부와, 적용된다면 type: ‘game’ 웹뷰에만 해당하는지 일반 웹뷰에도 동일한지, 그리고 웹뷰 생성 시점에 적용되는지 함께 알려주시면 감사하겠습니다.

감사합니다.

2

안녕하세요 :slight_smile:
핀치줌이나, ZoomScale 등 말씀주신 항목들 모두 직접 조정해야하는 값들로 보입니다!
따로 네이티브에서 기본 적용하는 사항은 없습니다

3

답변 감사합니다!

다만 모두 직접 조정해야하는 값이라고 말씀해주시는 부분이 이해가 안갔습니다! 저는 웹뷰 네이티브 기능은 토스에서만 값을 변경하고 조정할 수 있는 구조로 이해하고 있는데 혹시 다시 설명 부탁드려도 될까요?

4

예를 들어 핀치줌 비활성화의 경우,

index.html의 <head>에 아래 메타 태그를 추가해 수동으로 비활성화 하는 식으로 말씀드린 것이었습니다 :man_bowing:


<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"

/>
5

앗 맞습니다!
핀치줌 비활성화는 말씀해주신 방식대로 적용되는것이 맞습니다.

다만 아래 값들은 모두 WKWebView / UIScrollView 인스턴스의 프로퍼티라 앱 측(토스)에서만 설정 가능한 걸로 알고 있습니다.

  • scrollView.pinchGestureRecognizer.isEnabled

  • scrollView.minimumZoomScale / maximumZoomScale / bouncesZoom

  • scrollView.delaysContentTouches / canCancelContentTouches

  • WKWebViewConfiguration.ignoresViewportScaleLimits

요 값들 또한 따로 토스에서 처리하고 있지 않다고 말씀해주시는게 맞을까요?

6

웹뷰에서 넘길 수 있는 Props 가이드를 전달드립니다!
이외 다른 항목은 설정이 불가합니다 :man_bowing:

7

넵 저희가 요 값 이외에는 설정할 수 없는것도 알고있습니다. 다만 토스에서 혹시 제가 말씀 드린 값이 내부에서 따로 디폴트 값으로 설정하고 있는게 있는지 궁금해서 문의드린거였습니다.
토스 내부에서도 따로 기본값으로 설정하고 있는건 없다고 말씀해주시는거 맞는지 확인 부탁드립니다!

8

요런식으로 답변을 받길 기대하고 있습니다!

4개 항목 모두 ****에서 별도 설정하지 않으며 iOS 기본값입니다.

pinchGestureRecognizer.isEnabled = true

zoomScale 미설정(WebKit이 viewport 기반 관리) / bouncesZoom = true

delaysContentTouches / canCancelContentTouches = 둘 다 true

ignoresViewportScaleLimits = false
9

아래 기본 값 전달드립니다!
pinchGestureRecognizer 기본값 / true
minimumZoomScale 기본값 / 1.0
maximumZoomScale 기본값 / 1.0
bouncesZoom 기본값 / true
delaysContentTouches 기본값 / true
canCancelContentTouches 기본값 / true
ignoresViewportScaleLimits 기본값 / false

10

감사합니다!!

많은 도움이 되었습니다 :slight_smile: