我帮你梳理下这个问题的解决思路，你已经尝试了键盘相关配置，但还是遇到footer被顶起的情况，大概率是配置冲突或者样式定位的问题，试试下面几个方案：

方案1：修正config.xml的键盘配置 #

你当前同时设置了KeyboardResize="false"和KeyboardResizeMode="ionic"，这两个配置存在冲突——KeyboardResize="false"会直接禁用键盘的自动调整逻辑，导致ResizeMode的设置无法生效。建议调整为以下配置：

<preference name="KeyboardResize" value="true" />
<preference name="KeyboardResizeMode" value="native" />

native模式会让系统原生处理键盘与页面的适配，通常能很好避免footer被顶起的问题。如果这个模式效果不佳，可以尝试把KeyboardResizeMode改为body，它会通过调整body的高度来适配键盘，而不是修改Ionic内容区域的尺寸。

方案2：加强footer的固定定位样式 #

虽然你已经给ion-footer设置了slot="fixed"，但自定义的.footer-tab样式可能干扰了默认的定位逻辑。给footer添加更明确的固定定位规则：

.footer-tab {
  font-size: 12px;
  text-align: center;
  margin-top: -11px;
  margin-bottom: 2vh;
  color: grey;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10; /* 确保footer始终在页面内容上方 */
}

同时，为了避免页面底部内容被footer遮挡，给ion-content添加底部内边距：

ion-content {
  padding-bottom: 60px; /* 根据你的footer实际高度调整数值 */
}

方案3：监听键盘事件动态调整（兜底方案） #

如果上面的方案都无法解决问题，可以通过监听键盘的显示/隐藏事件，动态控制footer的显示状态或位置：

如果你用的是Cordova插件 #

首先确保安装了@ionic-native/keyboard，然后在页面的TS文件中添加：

import { Keyboard } from '@ionic-native/keyboard/ngx';
import { OnInit } from '@angular/core';

export class YourPageComponent implements OnInit {
  constructor(private keyboard: Keyboard) {}

  ngOnInit() {
    // 键盘弹出时隐藏footer
    this.keyboard.onKeyboardShow().subscribe(() => {
      const footer = document.querySelector('.footer-tab');
      if (footer) footer.style.display = 'none';
    });

    // 键盘收起时恢复footer
    this.keyboard.onKeyboardHide().subscribe(() => {
      const footer = document.querySelector('.footer-tab');
      if (footer) footer.style.display = 'block';
    });
  }
}

如果你用的是Capacitor #

使用Capacitor自带的Keyboard API即可：

import { Keyboard } from '@capacitor/keyboard';
import { OnInit } from '@angular/core';

export class YourPageComponent implements OnInit {
  ngOnInit() {
    Keyboard.addListener('keyboardWillShow', () => {
      const footer = document.querySelector('.footer-tab');
      if (footer) footer.style.display = 'none';
    });

    Keyboard.addListener('keyboardWillHide', () => {
      const footer = document.querySelector('.footer-tab');
      if (footer) footer.style.display = 'block';
    });
  }
}

优先尝试方案1和方案2，这两个是更贴合Ionic框架设计的解决方式，方案3作为兜底的动态处理手段。

内容的提问来源于stack exchange，提问作者Ezio Tristão