将 Google 支付按钮和 Apple 支付按钮集成到 react-native 应用程序中

Integrating Google pay buttons and Apple pay buttons into react-native application

我一直在到处寻找如何整合Apple提供的原生资产(PkPaymentButton)和Google支付(https://developers.google.com/pay/api/web/guides/brand-guidelines#payment-buttons ) 而无需编写我自己的本机模块。

我发现这两个包含在 react-native-GPay 库中,在 react-native-payment库(PKPaymentButton 的接口)。 问题是,我已经在使用另一个处理 Apple pay 和 Google pay (tipsi-stripe) 的库,它不提供本机按钮的界面,我不不想包含这两个库只是为了使用它们的本机按钮实现。

我也想尊重 apple/google 品牌设计准则。它们非常具体: - 不要创建您自己的Google付费按钮或以任何方式更改字体、颜色、按钮半径或按钮内的填充。 - 不要创建您自己的 Apple Pay 按钮设计或尝试模仿系统提供的按钮设计。

在我看来,似乎人们提供了如何在本机应用程序中实现 googlepay/apple 支付的教程并不关心品牌指南(他们使用简单的 TouchableOpacity 和一些里面的文本,触发支付接口) 而且我找不到任何只实现按钮的 react-native 模块 UI

也许我遗漏了一些很明显的东西(这是我第一次实现这些功能),但是有没有只为原生按钮资产提供接口而没有实现整个支付的react-native模块图书馆?创建一个这样做的 react-native 模块是否有用?

我也处于同样的情况,只是我没有在我的项目中使用来自 tipsi-stripe 的 GPay,我只是在 iOS 上将它用于 Apple Pay。如果它可以帮助你,这里是我最近发布的 repo,它将原生 Apple Pay 按钮暴露给 React Native: Apple Pay button for RN

关于Android,我没有包括它,因为我不熟悉原生Android。我也希望有人添加它,或者tipsi-will stripe 将它包括在内。