react native v1 SDK를 사용중에 있습니다.

sdk를 사용하여, 연동을 진행하고있는데 ios에서는 정상적으로 동작하나 android에서

if (paymentWidgetControl == null || agreementWidgetControl == null) {
      Alert.alert('주문 정보가 초기화되지 않았습니다.');
      return;
    }

if (paymentWidgetControl == null || agreementWidgetControl == null) {
      Alert.alert('주문 정보가 초기화되지 않았습니다.');
      return;
    }

이 부분에서 paymentWidgetControl과 agreementWidgetControl부분이 항상 Null 로 반환되고있습니다. 어떻게 해결할 수 있을까요?

19 Replies

토스페이먼츠 BOT•16h ago

⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다

오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.

- 주문번호(orderId) : - 문의 내용 :

(img를 함께 첨부해주시면 도움이됩니다)

* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.

고태형OP•16h ago

조금 트래킹을 해본결과, android에서는

 onLoadEnd={() => {
          paymentWidgetControl
            .renderAgreement('agreement', {
              variantKey: 'DEFAULT',
            })
            .then(control => {
              setAgreementWidgetControl(control);
            });
        }}

 onLoadEnd={() => {
          paymentWidgetControl
            .renderAgreement('agreement', {
              variantKey: 'DEFAULT',
            })
            .then(control => {
              setAgreementWidgetControl(control);
            });
        }}

이 부분에서, then 부분이 호출되지 않고 있습니다.

고태형OP•16h ago

inspect에서는, 이런 에러도 발생하고 있구요

고태형OP•16h ago

onLoadEnd 부분은 올바르게 호출이 이루어지고있습니다!

이실장•16h ago

https://github.com/tosspayments/tosspayments-sample-v1/tree/main/payment-widget/react-native

GitHub

tosspayments-sample-v1/payment-widget/react-native at main · tosspa...

토스페이먼츠 SDK v1 샘플 프로젝트입니다. . Contribute to tosspayments/tosspayments-sample-v1 development by creating an account on GitHub.

이실장•16h ago

샘플 참고해보셨나요?

고태형OP•16h ago

네!

이실장•16h ago

샘플실행은 해보셨나요?

고태형OP•16h ago

네!

이실장•16h ago

샘플에서도 동일한가요?

고태형OP•15h ago

현재 샘플 다시 한번 구동해보겠습니다! 샘플에서는 동일한 문제가 발생하지 않는 것으로 보입니다! 혹시 daumPostCode Api와 같은 외부 웹뷰 종속성 패키지들과 충돌로 인한 문제가 발생할 수 있을까요?

유부장•14h ago

타 서비스와의 충돌 부분은 저희가 답변드리기가 어렵네요.. 양해 부탁 드립니다.

Kimoon Lee•14h ago

샘플에서 키를 지금 사용하시는 키로 하셨을때는 정상 동작 하시는 건가요?

Ayaan이안•14h ago

기존에 다음 우편번호 연동한 RN 가맹점에서 문의온 케이스가 있던것 같은데요,

Ayaan이안•14h ago

https://techchat.tosspayments.com/m/1328951812899737631

RN에서 토스연동을 하고 있는중 웹뷰 관련 문의드립니다. - Toss payments 개발자 커뮤니티

현재 상황은 V1 결제 위젯을 연동해놓은 상태입니다. 안드로이드에서 다른 웹뷰에 들어가야할 이벤트가 토스 웹뷰쪽으로 들어가고 있는데 관련해서 해결책이 있을까요?

Ayaan이안•14h ago

해당 케이스 말미에 있는 해결방법 참고해서 수정해 보셔요 sebastian.park15 • 2mo ago 저희쪽에서 처리한 내용 공유드리면~ 저희가 일반적으로 react-native-webview를 사용하고있는데, tosspayment-react-native-webview내부를 보면 react-native-webview 를 fork해서 만드신걸로 보이긴하더라구요 일단은 주소입력 웹뷰를 tosspayment-react-native-webview의 webview를 사용하게 변경하니 해당 문제는 해결되었습니다. react-native-webview와 tosspayment-react-native-webview를 동시에 사용하면 문제가 발생하는게 아닌가 싶은데 react-native-webview 를 RN에서는 많이 쓰다보니 문제가 확인되어서 tosspayment-react-native-webview이 패치되면 좋을꺼같습니다~

이실장•14h ago

동일 문제로 보이네요 위 내요 ㅇ참고 부탁드려요

고태형OP•14h ago

넵!

토스페이먼츠 BOT•12h ago

❤️ 기술문의 경험이 어떠셨나요?!

간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

react native v1 SDK를 사용중에 있습니다.

Did you find this page helpful?