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

时间:2015-05-20 13:07:22

标签: ios cordova ionic-framework

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

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

iOS keyboard accessory bar

1 个答案:

答案 0 :(得分:2)

如果您使用的是cordova,则可以先安装此插件

cordova plugin add com.ionic.keyboard

然后,在你的回调中,启动

cordova.plugins.Keyboard.close();

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

  

keyboard-attach是一个属性指令,它将导致一个元素   键盘显示时浮在键盘上方。目前只   支持离子页脚条指令。

在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>