Ionic 离子电容器(Angular ):如何在Android上禁用键盘栏(预测文本,麦克风切换等)

rryofs0p  于 2023-06-04  发布在  Ionic
关注(0)|答案(1)|浏览(211)

请注意,这不是重复,因为此问题:
Ionic - How to disable keyboard suggestions on Android keyboard
在2019年1月被问到,因此对于Ionic Cordova(离子电容器当时还没有出现)。
对于我的输入键盘,默认情况下以某种方式启用了预测文本,但仅适用于Android,而不是iOS。然而,预测(以及该工具栏中的所有其他工具)对我的应用程序完全没有意义,因为我的应用程序使用自己的预测文本。
我试着设置了不同的东西,比如:
autocomplete=“off”
autocorrect=“关闭”
spellcheck=“false”
inputmode=“email”(来源:Ionic - How to disable keyboard suggestions on Android keyboard
<ion-input>
但都没有解决问题。
这是两幅图,第一幅是没有输入的时候,第二幅是输入了什么东西之后:

第二张图片显示,2019年的解决方案不再起作用,因为现在没有显示预测文本,但仍然显示“一些东西”。
我根本不希望显示该栏,因为My app需要尽可能多的垂直空间。
可能存在一种变通方法,例如。就像Flutter中的这个:https://stackoverflow.com/a/61537289/20009330

zf9nrax1

zf9nrax11#

不知道这是否可能,为了隐藏它,我没有找到一个很好的解决方案来检测键盘预测文本栏的可见性或禁用,但如果你想在键盘上方显示工具栏,你可以依靠电容键盘插件,检查键盘高度时,键盘是可见的,并设置您的工具栏底部的键盘高度。

Keyboard.addListener('keyboardDidShow', (info) => {
      this.isKeyboardVisible = true;
      this.keyboardHeight = info.keyboardHeight;
      this.cd.detectChanges(); // in case if not detecting the change
});

所以在这种情况下,你的工具栏将始终显示在kayboard的上方。

<div [style.bottom]="keyboardHeight + 'px!important'">Your toolbar</div>

如果你需要检测predicitve酒吧的可见性无论如何,当键盘显示,你可以检查高度,与工具栏将更高,但听起来不是一个很好的解决方案给我。

相关问题