네이티브 SDK - Android 위젯 터치 오류
안녕하세요, React Native SDK를 이용해 결제 연동했습니다.
약 한달 전에 작업을 모두 완료해서 테스트까지 했는데, 오늘 다시 시도해보니 Android 디바이스에서
위젯 결제수단을 변경하는데 터치를 인식하지 못하는 이슈가 있어 도움을 요청하고자 질문합니다.
package version
"react-native": "0.70.15",
"react-native-webview": "^12.4.0",
node version - v21.6.1
AndroidMenifest.xml
application 단에
코드는 적용했던 고유 코드가 있지만, 현재 이슈 때문에 공식문서에 올라온 예시 코드 그대로 사용했습니다.
이러한 이슈가 발생할 수 있는 요인이 어떤 것이 있는지 알려주신다면 감사드립니다
영상 테스트 디바이스는 Galaxy Note 20이고,
다른 디바이스(Galaxy Fold 5)로 테스트해도 동일한 현상이 발생하는 것을 보아 하드웨어 문제는 아닌 것 같아 질문남깁니다
17 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
해당기기에서만 그러는건지 다른기기에서도 발생하는지 확인해주시기 바랍니다.
더불어 아래 문의주셨던 하드웨어 가속 부분도 확인해주시고요
AndroidMenifest 정상적으로 적용해서 새로 build 했습니다. 또한 다른 디바이스(갤럭시 폴드5)에서도 동일한 현상이 발생하고 있습니다
하단 Button들은 정상적으로 작동하지만, PaymentMethodWidget, AgreementWidget에서만 현상이 발생하고 있습니다
혹시 위젯이 그려진 웹뷰의 콘솔쪽에 에러는 없으신가요?
Widget의 WebView부분에 nestedScrollEnabled를 적용하니 정상적으로 작동하는데, 이 부분을 건드려야 하는 걸까요
넵 웹뷰를 띄우면서 발생하는 콘솔 에러는 없습니다
RN 에서 저희 SDK 이용하지 않고 웹뷰이용해서 띄우시는 거죠?
아뇨아뇨 위에 파일이 "@tosspayments/widget-sdk-react-native": "^1.2.4" 라이브러리에 들어있는 PaymentMethodWidget 파일입니다
아 저희 라이브러리에 nestedScrollEnabled 를 적용하니까 문제가 해결되었다는 말씀이신가요?
넵넵 그렇습니다
다른 가맹점의 경우 해당 코드 수정없이도 문제 없이 사용중이신데요, 혹시 구현하신 PaymentWidgetProvider 사용하신 부분 코드를 공유해 주실수 있을까요?
아 원인을 찾았습니다. 저희가 앱에 글로벌하게 넣어야하는 onPress 이벤트가 있어서 root인 App.tsx 를 Pressable로 감쌌는데, 해당 부분 때문에 nestedScrollEnabled 가 없으면 액션 인식이 안되었던 것 같습니다. 화면을 감싸던 Pressable을 다른 컴포넌트로 바꿔주니 nestedScrollEnabled를 적용하지 않아도 정상적으로 작동하네요!
아 다행이네요. 확인해 주셔서 감사합니다.
저희 쪽에서 글로벌 이벤트 삽입 방법을 변경해야할 것 같습니다. 늦은 시간까지 친절한 답변 감사합니다!!!
네 해당 내용 공유해주셔서 감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.