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에 경험이 부족해서 질문을 맞게 했는지 모르겠네요...
6 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
이건 웹뷰에서 viewport등 설정이 잘못되어있는 것 같습니다. RN 에서 관련된 설정이 있는지 확인해보셔야할 것 같습니다. 보내주신 정보만으로는 확인이 어려우며, RN에 대한 적극적인 지원은 제한 됩니다.
localhost:3000/checkout에 대한 view 파일의 헤드에 아래 태그를 포함해 보시기 바랍니다.
네 이건 html 에 viewport 를 설정해 주시면 됩니다.
답변감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.