react-native-toss-payments

src="https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white&link=mailto:hongveloper@gmail.com"
/>

이슈 및 피드백은 항상 환영합니다!

설치방법(Installation)

``sh
npm install react-native-toss-payments
npm install react-native-webview
`

or

`sh
yarn add react-native-toss-payments
yarn add react-native-webview
`

사용방법(Usage)

`tsx
import TossPayment from "react-native-toss-payments";

// ...

clientKey={YOUR_CLIENT_KEY} // 토스로 부터 발급받은 TossClientKey입니다.
payment={YOUR_TOSS_PAYMENT_DATA} // 토스결제시 필요한 토스 결제 정보입니다.
onApproveError={onApproveError} // 토스 결제 승인 네트워크 오류시 handle하는 함수입니다.
onApproveFailed={onApproveFailed} // 토스 결제 승인시 승인 실패 handle하는 함수입니다.
onApproveSucceed={onApproveSucceed} // 토스 결제 승인시 승인 성공 handle하는 함수입니다.
/>
`




참조(Reference)

자세한 참조사항은 토스페이먼츠에서 확인하실 수 있습니다.
| Prop | Description | Required | Default | Type |
|------------------------|------------------|----------|---------|-----------------------------------------|
| clientKey | 토스로 부터 발급받은 ClientKey입니다. | true | None | string |
| payment | 토스 결제에 필요한 결제정보데이터 입니다. | true | None | TossPaymentRequestDataTypes |
| onLoading | 토스 결제 모듈 로딩시 작동하는 함수입니다. | false | None | () => void |
| onApproveError | 토스 결제 승인 네트워크 오류시 handle하는 함수입니다. | true | None | () => void |
| onApproveFailed | 토스 결제 승인시 승인 실패 handle하는 함수입니다. | true | None | (e:TossPaymentFailMessageTypes) => void |
| onApproveSucceed | 토스 결제 승인시 승인 성공 handle하는 함수입니다. | true | None | (e:TossPaymentApproveTypes) => void |

주의사항


!This is Tosspayment logic
> 토스페이먼츠의 모든 결제 과정중 결제요청상태만을 현재 버전에서 지원하고있습니다.
> 이후 승인 API 요청부터는 onApproveSucceed`통하여 개인 서버에서 처리해야합니다.

자세한 로직은 토스페이먼츠 결제가이드에서 확인해주세요!

라이센스(License)

MIT

---

Made with create-react-native-library
감사합니다 :)