将Google付款按钮和Apple付款按钮集成到本机应用程序

时间:2019-10-04 15:13:46

标签: react-native applepay google-pay design-guidelines

我一直在寻找如何整合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 )的库,它们不提供本机按钮的界面,并且我不想包含这两个库只是使用其本机按钮实现。

我也想遵守Apple / Google品牌设计指南。它们非常具体:  -请勿创建自己的Google Pay按钮或以任何方式更改按钮中的字体,颜色,按钮半径或填充。  -不要创建自己的Apple Pay按钮设计或尝试模仿系统提供的按钮设计。

在我所看到的任何地方,似乎人们在React-native应用程序中提供有关如何实现googlepay / apple pay的教程,都不在乎品牌指导原则(他们使用带有一些文本的简单TouchableOpacity,触发付款界面) 而且我找不到任何仅实现按钮UI的react-native模块

也许我缺少一些显而易见的东西(这是我第一次实现这些功能),但是是否有任何react-native模块仅提供本机按钮资产的接口,而没有实现整个支付库?创建一个可以做到这一点的react-native模块会有用吗?

1 个答案:

答案 0 :(得分:2)

我处在相同的情况下,除了我没有在我的项目中使用tipsi-stripe中的GPay,而是在iOS上将其用于Apple Pay。如果可以帮到您,这是我最近发布的回购协议,该协议将本机Apple Pay按钮公开给React Native: Apple Pay button for RN

关于Android,我不包括它,因为我对本机Android不熟悉。我希望有人也可以添加它,否则tipi-will条纹将包含它。