在Ionic的附件栏中添加键盘隐藏按钮

Question

我正在使用离子框架来创建我的应用程序,我使用了很多形式的模态.为了在字段之间移动,用户通常轻拍没有任何图像的空间,但是这可能导致意外行为.

我想要一个按钮来隐藏键盘,就像下面的图像一样.

Answer 1

如果你使用cordova，可以先安装这个插件

cordova plugin add com.ionic.keyboard

然后，在您的回调中，启动

cordova.plugins.Keyboard.close();

有关在键盘上方附加元素的一些信息。

Keyboard-attach 是一个属性指令，当键盘显示时，它将导致元素浮动在键盘上方。目前仅支持 ion-footer-bar 指令。

在 iOS 上，如果页脚中有输入，则需要设置

cordova.plugins.Keyboard.disableScroll(true)

用法

<ion-footer-bar align-title="left" keyboard-attach class="bar-assertive">
    <h1 class="title">Title!</h1>
</ion-footer-bar>