fuz•4d ago

RN | React Native | 안드로이드에서 renderPaymentMethods 함수가 실행되지 않는 문제

ios기기에서는 문제가 없습니다 안드로이드기기에서는 usePaymentWidget hook 내부에있는 renderPaymentMethods, renderAgreement가 동작하지 않는것 같습니다 아무런 에러메시지가 없어서 해결하기 어려운데 도와주시면 감사하겠습니다

10 Replies

토스페이먼츠 BOT•4d ago

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

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

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

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

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

이실장•4d ago

웹뷰 쪽 에러도 없나요? 저희도 남겨주신 내용만으로는 원인 확인이 어렵습니다.

Kimoon Lee•4d ago

RN 저희 샘플에서도 동일한지 확인해 보실수 있을까요?

fuzOP•3d ago

어제 다른 이슈 겪으신 분이 없나 찾아봤었는데 https://discord.com/channels/864296203746803753/1359355873037647912 여기랑 완전히 같은 현상이있습니다 안드로이드에서만 나오는 이슈이긴 한데요 링크의 내용을 봤을 때 결국에 해결방법이 뭔지 이해를 못하겠습니다

{paymentWidgetControl && (
                <PaymentMethodWidget
                    {paymentWidgetControl && (
                <PaymentMethodWidget
                    selector="payment-methods"
                    onLoadEnd={async () => {
                        console.debug(':package: [PaymentMethodWidget] onLoadEnd 시작');
                        try {
                            // 여기서 코드가 멈춥니다~!
                            const control = await paymentWidgetControl.renderPaymentMethods(
                                'payment-methods',
                                { value: TRAINER_MATCHING_PRICE, currency: 'KRW', country: 'KR' },
                                { variantKey: 'DEFAULT' }
                            );
                            // 여기까지 안 오는 문제가 발생합니다.
                            // async await 는 시점 디버깅을 위해 추가했습니다. then 사용해도 동일하게 android 에서만 위 renderPaymentMethods 메소드가 동작하지 않습니다. 리소스 경쟁이 발생하는 건지, 교착상태에 빠진 걸로 보입니다.
                            console.debug(':white_check_mark: renderPaymentMethods 완료:', control);
                            setPaymentMethodWidgetControl(control);
                        } catch (error: any) {
                            console.error(':x: renderPaymentMethods 오류:', JSON.stringify(error));
                            Alert.alert('결제 위젯 초기화 오류', error.message || JSON.stringify(error));
                        }
                    }}
                />
            )}

{paymentWidgetControl && (
                <PaymentMethodWidget
                    {paymentWidgetControl && (
                <PaymentMethodWidget
                    selector="payment-methods"
                    onLoadEnd={async () => {
                        console.debug(':package: [PaymentMethodWidget] onLoadEnd 시작');
                        try {
                            // 여기서 코드가 멈춥니다~!
                            const control = await paymentWidgetControl.renderPaymentMethods(
                                'payment-methods',
                                { value: TRAINER_MATCHING_PRICE, currency: 'KRW', country: 'KR' },
                                { variantKey: 'DEFAULT' }
                            );
                            // 여기까지 안 오는 문제가 발생합니다.
                            // async await 는 시점 디버깅을 위해 추가했습니다. then 사용해도 동일하게 android 에서만 위 renderPaymentMethods 메소드가 동작하지 않습니다. 리소스 경쟁이 발생하는 건지, 교착상태에 빠진 걸로 보입니다.
                            console.debug(':white_check_mark: renderPaymentMethods 완료:', control);
                            setPaymentMethodWidgetControl(control);
                        } catch (error: any) {
                            console.error(':x: renderPaymentMethods 오류:', JSON.stringify(error));
                            Alert.alert('결제 위젯 초기화 오류', error.message || JSON.stringify(error));
                        }
                    }}
                />
            )}

이런 현상이라던가 카드 더보기를 했을 때 위젯 높이가 조절이 안된다던가하는현상이 완전같아요 샘플코드는 잘되네요

Kimoon Lee•3d ago

Kimoon Lee•3d ago

이내용입니다. RN 에서 저희 웹뷰와 RN 일반 웹뷰를 동시에 사용하는 경우 문제가 발생하시는 것일거라 RN 일반웹뷰 대신에 저희 웹뷰 클래스를 사용해 주시면 될거에요. 두개를 동시에 사용하면 충돌이 발생하는 것으로 보입니다.

fuzOP•3d ago

그럼 일반 웹뷰 패키지를 지우고 토스웹뷰를 쓰면된다는 말씀이신가요?

Kimoon Lee•3d ago

네 일반 웹뷰 대신에 토스 웹뷰를 이용해 주세요.

fuzOP•3d ago

네 알겠습니다 감사합니다

토스페이먼츠 BOT•3d ago

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

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

RN | React Native | 안드로이드에서 renderPaymentMethods 함수가 실행되지 않는 문제

Did you find this page helpful?