条纹结帐键盘隐藏付款按钮

Posted 2023-02-23

【中文标题】条纹结帐键盘隐藏付款按钮

【英文标题】：Stripe Checkout Keyboard hides payment button

【发布时间】：2019-08-04 03:30:12

【问题描述】：

我正在使用 Stripe 检查https://checkout.stripe.com/checkout.js。

它适用于 Angular 项目，适用于 android 设备上的 Ionic，但在 ios 上，键盘会阻止支付按钮，用户无法继续。

如果用户单击屏幕上的其他任何位置，它不会隐藏键盘。 由于 Stripe 表单已固定到位，因此向上或向下滚动表单也不起作用。

我正在寻找解决方案或变通方法以允许用户继续。

我尝试使用 Capacitor 来 setAccessoryBarVisible(isVisible: true);对于键盘，但这对我在 Android 或 iOS 上都不起作用。 由于时间限制，我不想使用 Stripe Elements。

【参考方案1】：

我在这里找到了解决方案： Ionic - On IOS, Stripe payment button is hidden by the keyboard

然后转成电容：

import  Plugins  from '@capacitor/core';
const  Keyboard  = Plugins;
...
this.platform.ready().then(() => 
      ...
      Keyboard.setAccessoryBarVisible(isVisible: true);
    );