当键盘可见时，离子页脚不会被向上推（ios 和 android）

Posted 2023-03-15

【中文标题】当键盘可见时，离子页脚不会被向上推（ios 和 android）

【英文标题】：Ion-footer does not get pushed up when keyboard is visible (ios and android)

【发布时间】：2018-11-05 23:43:24

【问题描述】：

我的问题是工具栏仍然在页面底部。

这是我的页脚代码：

块引用

<ion-footer>
    <ion-toolbar>
        <button ion-button clear class="color--blue text__align--center background--light-gray position--relative" (click)="!isAttaching ? triggerFileUpload($event) : false">
            Max 50(Mb)
        </button>
        <div class="background--blue height--4 position--absolute position--bottom--0 position--left--0" [ngClass]="'display--hidden': !isAttaching" #loader style="width: 0px"></div>
    </ion-toolbar>
</ion-footer>

我使用了这些设置：

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

还有

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

旁边：

scrollPadding: true,
scrollAssist: true

另外，对于我正在使用的 android：

<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
    <activity android:windowSoftInputMode="adjustPan" />
</edit-config>

以上都没有成功。 其他人有其他建议吗？

【参考方案1】：

你应该添加这个cordova插件cordova plugin add cordova-plugin-ionic-keyboard --save 并使用您尝试过的第一个设置，并没有必要

【讨论】：

我已经在使用<plugin name="cordova-plugin-ionic-keyboard" spec="^2.1.3" />

尝试删除离子页脚并添加到父位置：绝对底部：0

试过了..但从长远来看这会导致更多问题，因为我使用页脚的页面是一个消息页面，我有两个输入和一个会增长的文本区域..并且使用底部定位的页脚会导致问题。我在这里看到的问题也与我的其他问题有关：***.com/questions/53164493/… ..这是我无法破解的另一件事