D

Toss payments 개발자 커뮤니티•3y ago•

5 replies

dshwang

RN webview 관련 문의

react native에서 webview를 이용해서 brand sdk를 연동을 진행 중 입니다.
보내주신 "ReactNative_-Tosspayments결제샘플앱.pdf" 를 참조하여 앱을 작성하고
brandpay-sample/quickstart 을 이용해서 node를 실행
앱에서 아래처럼 결제 창을 열련 첨부된 사진처럼 화면 모양이 정상적으로 표시되지 않습니다.


<WebView
useWebkit
onShouldStartLoadWithRequest={onShouldStartLoadWithRequest}
style={{ flex: 1 }}
javaScriptEnabled={true}
originWhitelist={["*"]}
source={{ uri: 'http://localhost:3000/checkout' }}
/>

질문
1. 화면 모양이 정상적으로 표시하는 법 ...
2. Webview의 결제 URL을 구현하는 방법은 brandpay-sample(https://github.com/tosspayments/brandpay-sample)을 이용해서 구현하는게 맞는 방법인지...

react native에 경험이 부족해서 질문을 맞게 했는지 모르겠네요...