将谷歌支付按钮和苹果支付按钮集成到本机应用程序中

tip*_*tip 5 design-guidelines applepay react-native google-pay

我一直在到处搜索如何集成 Apple ( PkPaymentButton ) 和 Google Pay ( 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 ) 的库,它不提供原生按钮的界面,我不想包含这两个库只是为了使用它们的原生按钮实现.

我也想尊重苹果/谷歌品牌设计指南。它们非常具体: -不要以任何方式创建自己的 Google Pay 按钮或更改按钮内的字体、颜色、按钮半径或内边距。-不要创建自己的 Apple Pay 按钮设计或试图模仿系统提供的按钮设计。

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

也许我遗漏了一些很明显的东西(这是我第一次实现这些功能),但是是否有任何反应原生模块只为原生按钮资产提供接口,而没有实现整个支付库?创建一个真正做到这一点的 react-native 模块会有用吗?

bra*_*ene 4

我的情况也差不多,只是我的项目中没有使用tipsi-stripe的GPay,我只是将它用于iOS上的Apple Pay。如果它可以帮助你,这是我最近发布的存储库,它向 React Native 公开了本机 Apple Pay 按钮: Apple Pay 按钮 for RN

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