리액트 네이티브 위젯 "신용카드 무이자 할부 안내" 페이지 표시 문제
안녕하세요. 리액트 네이티브 SDK를 이용해서 토스 페이먼트 위젯 도입 준비중입니다.
위젯 하단 "신용카드 무이자 할부 안내" 를 누르면 첨부한 영상처럼 위젯영역이 해당 페이지로 대치되어버려서 문의를 남깁니다.
1. SDK 기능 중 "신용카드 무이자 할부 안내" 페이지를 모달 등으로 노출하는 방법이 있을까요?
2. SDK 에서 제공하는 기능이 없다면, 위젯에서 "신용카드 무이자 할부 안내" 영역을 숨길 수 있는 방법이 있나요?
38 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
1. 없습니다.
2. 없습니다.
할부 안내는 현재 해당 방식으로 노출되는 방법밖에는 없습니다.
조금 이상한 부분이 있어서 확인중입니다.
구현이슈로 보이시는데 확인후 공유 드릴께요.
넵! 해당 페이지에 뒤로가기나 닫기 버튼도 없어서... 확인 부탁드려요~
sdk버전 어떤거 쓰시나요
"@tosspayments/widget-sdk-react-native": "1.2.2"
입니다
최신버전 쓰시는 군요
안드로이드도 동일현상인가요?
이실장님 최신 버전 사용하면 할부는 브라우저로 이동해서 보이지 않나요?
우선 iOS만 보고 있었는데, 안드로이드 확인해서 다시 알려드리겠습니다~
뽀삐님 샘플 그대로 실행하신 걸까요? 수정하신게 있을까요?
네 해당이슈 확인해서 해결한것으로 아는데 저도 체크해볼게요
안드로이드기준 이게 정상입니다
귀사 기존에 위젯 사용안다가 도입하시는거죠?
코드는 요렇게 사용중입니다.

넵넵 토스페이먼트위젯은 신규도입 하고 있습니다
우선 안드로이드 한번 체크 부탁드립니다
안드로이드는 정상동작 합니다
확인해볼게요!
warning 이 하나 있어서 공유드립니다
Error evaluating injectedJavaScript: This is possibly due to an unsupported return type. Try adding true to the end of your injectedJavaScript string. Error Domain=WKErrorDomain Code=4 "A JavaScript exception occurred" UserInfo={WKJavaScriptExceptionLineNumber=3, WKJavaScriptExceptionMessage=ReferenceError: Can't find variable: PaymentWidget, WKJavaScriptExceptionColumnNumber=33, WKJavaScriptExceptionSourceURL=https://pgweb.tosspayments.com/tosspayments/MainPopUp.do, NSLocalizedDescription=A JavaScript exception occurred}

GitHub
payment-widget-sample/react-native at main · tosspayments/payment-w...
토스페이먼츠 결제위젯 샘플 앱입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
이거 한번 그대로 실행 요청드려볼 수 있을까요?
샘플앱에서는 브라우저로 연결됩니다
귀사 ios 설정에서 외부 브라우저를 오픈할 수 있도록 설정 되어있나요?
브라우저 열기를 따로 막지는 않았고, 사용하는 부분이 존재합니다!
아 react-native-webview 버전에 따른 차이가 있나보네요~
웹뷰 버전 올리니 해결되셨나요?
혹시 기존 버전 알수 있을까요?
웹뷰 버전을 올리지 않고, 예제 앱에서 낮춰보았습니다~

예제 앱을 낮추니 재현되신거죠?
넵넵
지금 귀사 앱 웹뷰 버전을 올리기는 무리시죠?
바로 최신버전으로 올리기에는 사이드이펙트 파악이 어려워서 부담이 있습니다.
우선 저희도 지원이 가능할지 한번 확인 후 안내드리겠습니다.
넵! 확인 감사드립니다~
내일 까지 답변드릴게요
해당 기능 차주 초에 패치될 예정입니다. 우선 해당 부분은 무시하고 개발 해주시면 되며, 차주초 업데이트 후 sdk버전 올려주시면 될 것 같아요
추가로 저희 약관 UI도 사용하시나요?
약관위젯은 사용하지 않고 있습니다~
어제 밤에 patch-package 준비해두었었는데, 수정해주신다니 감사드립니다 👍
https://discord.com/channels/864296203746803753/1117655878733156353/1195264828638507128
1.2.3버전 확인바랍니다.
@ppoblee
정상동작 확인했습니다. 감사합니다~~ 👍
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.