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

Question

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

在Angular项目上工作正常，在Android设备上对Ionic来说还可以，但是在iOS上，键盘会阻止付款按钮，用户无法继续。

如果用户在屏幕上的其他任何位置单击，则不会隐藏键盘。 同样，向上或向下滚动表单也不起作用，因为“条纹”表单已固定到位。

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

我尝试使用电容器setAccessoryBarVisible（{isVisible：true}）;键盘，但这不适用于Android或iOS。 由于时间限制，我不想使用Stripe Elements。

Answer 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});
    });