如何在IONIC4的键盘顶部添加提交按钮

问题描述 投票:0回答:1

我一直在尝试使用Ionic4在键盘顶部添加一个“ SUBMIT”按钮,但到目前为止还没有运气。有可能吗?

我正在使用Ionic本机键盘插件,并在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>

还有一种方法可以使键盘不被关闭?

谢谢你们

cordova ionic-framework cordova-plugins ionic4 ionic-native
1个回答
0
投票

仅供参考,以防有人遇到相同的问题,解决方案是将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的属性。

© www.soinside.com 2019 - 2024. All rights reserved.