我需要创建自定义卡输入UI，并且需要在React Native中使用stripe sdk处理付款

Question

我需要创建如下所示的自定义卡 UI，并在本机反应中使用 stripe sdk 处理付款。

我尝试使用 stripe sdk 中的 createPaymentMethod 和 createToken，但它们都不接受卡号、CVV、到期日期。

我使用的是stripe sdk版本：“@stripe/stripe-react-native”：“^0.38.6”。

我已经在我的后端创建了付款意图，前端也有它。

在前端创建自定义卡ui后，我需要采取哪些步骤才能通过stripe sdk处理付款？

注：

1. 我不想使用 CardField 或 CardForm UI，因为我无法自定义它们。
2. 我浏览了这个链接： 使用自定义卡数据进行条带化确认卡设置作为付款方式 由于confirmCardSetup已被废弃，我尝试了createPaymentMethod和confirmPayment，但它们都不接受卡号、到期日期和CVV卡的所有详细信息。

Answer 1

您不能使用自己的 UI 字段来捕获原始卡信息，因为将原始卡信息传递到 Stripe 的 API 有一些要求，并且需要获得支持部门的批准。

我建议阅读https://support.stripe.com/questions/enabling-access-to-raw-card-data-apis，如果您满足要求，请联系他们的支持团队。

根据文档 -

CardForm

和

CardField

都支持

style

参数。您是否尝试过使用它来自定义外观？

https://stripe.dev/stripe-react-native/api-reference/index.html#CardField

https://stripe.dev/stripe-react-native/api-reference/index.html#CardForm