범진•16mo ago

react native 토스 페이먼츠 위젯 오류

ios 에서 설치 후 pod 설치까지 완료하였습니다

 <PaymentWidgetProvider
      clientKey={`test_ck_eqRGgYO1r5o60ey67vx13QnN2Eya`}
      customerKey={`jxBwLcyJCY4WnGI9qWJRj`}
    >

 <PaymentWidgetProvider
      clientKey={`test_ck_eqRGgYO1r5o60ey67vx13QnN2Eya`}
      customerKey={`jxBwLcyJCY4WnGI9qWJRj`}
    >

예시 코드 그대로 사용하였을 때 PaymentWidgetProvider not initilized 오류가 납니다. 어떤문제일까요? rn - v0.72.4 ios - v17

21 Replies

토스페이먼츠 BOT•16mo ago

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

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

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

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

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

이실장•16mo ago

계약전 상점이네요

범진OP•16mo ago

테스트도 계약 후에 사용할 수 있나요?

이실장•16mo ago

우선 varianyKey는 어떤거 쓰셨나요

범진OP•16mo ago

예시 코드 그대로 사용하고 있습니다! DEFAULT로 들어가고 있네요 예시 코드 전체 복사해서 app.tsx에서 실행했을 때 검은화면에서 넘어가지 않습니다 이도 계약 전이라 그럴까요?

Kimoon Lee•16mo ago

~~계약 중인 상점은 테스트 키로도 동작이 어려워서 계약 후 확인 하시거나 아니면 예시코드에 있는 키로 확인부탁드립니다.~~

이실장•16mo ago

아뇨 그거랑은 상관없어요 잠시만요

범진OP•16mo ago

네네 예시 테스트 키로 테스트 중 입니다!

이실장•16mo ago

android 시뮬레이터로도 빌드 가능한가요?

범진OP•16mo ago

넵 가능합니다 안드로이드는 아직안해봤는데 ios쪽에는 문제가 있는걸까요?

이실장•16mo ago

우선 현재 sdk는 몇버전 사용 중이신가요?

범진OP•16mo ago

v1.1.0입니다

이실장•16mo ago

따로 스터디 중이신가요? 아니면 실 서비스 전에 테스트 중이신가요?

범진OP•16mo ago

실 서비스 구축중에 PG사 연동에 사용해보려고 작업중입니다

이실장•16mo ago

우선 확인 후 안내드리겠습니다.

범진OP•16mo ago

넵 빠른 답변 감사합니다

이실장•16mo ago

export default function App() {
  return <ScrollView>
  <PaymentWidgetProvider
        clientKey={`test_ck_eqRGgYO1r5o60ey67vx13QnN2Eya`}
        customerKey={`jxBwLcyJCY4WnGI9qWJRj`}
 
  >
    <CheckoutPage />
  </PaymentWidgetProvider></ScrollView>
}

export default function App() {
  return <ScrollView>
  <PaymentWidgetProvider
        clientKey={`test_ck_eqRGgYO1r5o60ey67vx13QnN2Eya`}
        customerKey={`jxBwLcyJCY4WnGI9qWJRj`}
 
  >
    <CheckoutPage />
  </PaymentWidgetProvider></ScrollView>
}

export default functionApp()부분을 위와 같이 그대로 넣어보시겠어요 위에 scrollview import도 해주시구요

export default function App() {
  return (
    <>
      {/* 스크롤이 필요한 경우 ScrollView로 감싸주세요. */}
      {/* <ScrollView> */}
      <PaymentWidgetProvider
        clientKey={`test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm`}
        customerKey={`dwFqiaj9SgegZtcoVB3Rs`}
      >
        <CheckoutPage />
      </PaymentWidgetProvider>
      {/* </ScrollView> */}
    </>
  );
}

export default function App() {
  return (
    <>
      {/* 스크롤이 필요한 경우 ScrollView로 감싸주세요. */}
      {/* <ScrollView> */}
      <PaymentWidgetProvider
        clientKey={`test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm`}
        customerKey={`dwFqiaj9SgegZtcoVB3Rs`}
      >
        <CheckoutPage />
      </PaymentWidgetProvider>
      {/* </ScrollView> */}
    </>
  );
}

이렇게만 하셔도 해결되실거에요 (문서에 소괄호가 빠졌었네요)

범진OP•16mo ago

넵 감사합니다 확인해보겠습니다 LSApplicationQueriesSchemes in your Info.plist. 오류가 발생합니다. App.tsx에 전체코드 사용했을때는 정상 동작하는데 다른 컴포넌트에 임포트 해서 사용하면 해당 오류가 발생하네요 infoPlist에 해당 스킴 등록해야 할 것 같은데 확인 부탁드립니다!

Kimoon Lee•16mo ago

정확한 에러메시지가 어떻게 되시나요?

이실장•16mo ago

정상동작하는데 카드사앱으로 이동안하는 현상인거죠?

토스페이먼츠 BOT•16mo ago

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

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

react native 토스 페이먼츠 위젯 오류

Did you find this page helpful?