국민 결제 ui
리액트네이티브 사용중이고 문서에 있는 위젯코드를 그대로 사용하였는데 국민은행 결제시 ui가 옹졸하게 위쪽으로 모여서 나오게됩니다!
실제 클릭 되는 부분도 ui와 다르게 나와서 클릭이 안됩니다!

15 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
사용하시는 웹뷰쪽에 문제가 있는것 같습니다.
RN native SDK 사용하시나요?
넵 맞습니다 rn입니다! https://docs.tosspayments.com/sdk/widget-rn#paymentmethodwidgetcontrol 여기 예시코드를 그대로 복사하였고 추가한건 스크롤뷰 정도만 추가하였습니다!
결제위젯 React Native SDK(Version 1) | 토스페이먼츠 개...
결제위젯 React Native SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
"react-native-webview": "^13.16.0", 웹뷰 버전입니다
GitHub
tosspayments-sample-v1/payment-widget/react-native at main · tossp...
토스페이먼츠 SDK v1 샘플 프로젝트입니다. . Contribute to tosspayments/tosspayments-sample-v1 development by creating an account on GitHub.
똑같이 구현하였습니다! 웹뷰도 따로 사용하지않고 있습니다
그냥 보내드린 해당 프로젝트 그대로 돌려보세요.
Execution failed for task ':tosspayments_widget-sdk-react-native:compileDebugKotlin'.
Inconsistent JVM-target compatibility detected for tasks 'compileDebugJavaWithJavac' (11) and 'compileDebugKotlin' (17). 빌드시 이런 에러가 뜹니다!
빌드시에 사용하는 JVM 버전이 달라서 생기는 문제로 보이는데요.
build.gradle 쪽 java 버전 설정확인부탁드립니다.
클론 받은 프로젝트에서는 build.gradle에 자바 관련 설정이 없는거같은데 따로 추가를 해야하는걸까요?
안드로이드 쪽에 있을겁니다.

jvmTarget 등 자바 관련 설정이 없습니다! 추가를 따로 해야하나요? app/build.gradle 도 보았습니다
네 그럼 설정을 해주셔야 할것 같네요.
compileOptions {
sourceCompatibility JavaVersion.VERSION_17
targetCompatibility JavaVersion.VERSION_17
}
kotlinOptions {
jvmTarget = "17"
}
이렇게 추가한번 해보시겠어요?