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

Nob*_*ene 2 javascript ionic-framework angular capacitor

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

 if(Capacitor.isNativePlatform()){
    StatusBar.setOverlaysWebView({overlay:true});
    await StatusBar.setStyle({style:Style.Dark});
  }
Run Code Online (Sandbox Code Playgroud)

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

Nob*_*ene 6

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;
Run Code Online (Sandbox Code Playgroud)

我正式做到了这一点,但没有起作用,因为我拼写错误,“键盘”是“键盘”。这是我几个小时前感到疲倦的第一件事:)