如何在 IONIC4 的键盘顶部添加一个按钮

Question

我一直在尝试使用 Ionic4 在键盘顶部添加一个 "SUBMIT" 按钮，但到目前为止没有成功。这可能吗？

我正在使用 Ionic Native Keyboard Plugin 并且我在 config.xml

上添加了 <preference name="KeyboardResize" value="false" />

这是我 html

底部的内容

<ion-footer>
    <ion-toolbar>
        <ion-button style="position: absolute; bottom: 0; right: 5px; z-index: 2;" expand="full" type="submit">Submit Review</ion-button>
    </ion-toolbar>
</ion-footer>

还有没有办法让键盘无法关闭？

谢谢

Answer 1

仅供参考，以防有人遇到同样的问题，解决方案是在您拥有键盘的组件上导入KeyboardResizeMode。

import { Keyboard, KeyboardResizeMode } from '@ionic-native/keyboard/ngx';

constructor(private keyboard: Keyboard) {}

// On the ngOnInit()
ngOnInit() {
   this.keyboard.setResizeMode(KeyboardResizeMode.Body);
}

您不能将 setResizeMode 作为 string 传递，即使您在文档中这么说，它也需要作为 KeyboardResizeMode 的属性。

如何在 IONIC4 的键盘顶部添加一个按钮

How to add a button on top of keyboard on IONIC4

cordova

ionic-framework

cordova-plugins

ionic4

ionic-native