影响键盘的电容状态栏覆盖

Question

我在我的 ionic 6 应用程序中使用电容器状态栏插件。以下内容在我的应用程序中制作了透明叠加层：

 if(Capacitor.isNativePlatform()){
    StatusBar.setOverlaysWebView({overlay:true});
    await StatusBar.setStyle({style:Style.Dark});
  }

这运行良好，但它导致 android 本机键盘显示在离子输入上，使用户难以看到正在键入的内容。我该如何解决这个问题，我已经用了几个小时了

Answer 1

5个多小时后才解决。首先安装@capacitor/keyboard。那么你的 capacitor.config.ts 应该看起来像这样：

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.ajoopay.ng',
  appName: 'Ajoopay',
  webDir: 'www',
  bundledWebRuntime: false,
  plugins: {
    Keyboard:{
      resizeOnFullScreen:true
    }
  }
};

export default config;

我正式准备好了这个，但是没有用，因为我拼错了，Keyboard as keyboard。这是我几个小时前做的第一件事:)

影响键盘的电容状态栏覆盖

capacitor status bar overlay affecting keyboard

javascript

ionic-framework

angular

capacitor