Android 安卓10+;没有回声
在安卓10上运行Ionic应用程序时,我遇到了一个最奇怪的错误 所附的gif应该可以大致总结出问题所在,但我能告诉你的是,它在版本低于10的Android设备上运行正常 基本上说,除非我点击一些视觉分隔符(即空格),否则没有任何实际输入会回显到屏幕上。它几乎适用于应用程序中的每一个文本输入,但登录屏幕应该足以让您了解这一点 android 10设备上的文本输入: 为了提供一些代码,这将是受影响的登录代码片段Android 安卓10+;没有回声,android,ionic-framework,textinput,Android,Ionic Framework,Textinput,在安卓10上运行Ionic应用程序时,我遇到了一个最奇怪的错误 所附的gif应该可以大致总结出问题所在,但我能告诉你的是,它在版本低于10的Android设备上运行正常 基本上说,除非我点击一些视觉分隔符(即空格),否则没有任何实际输入会回显到屏幕上。它几乎适用于应用程序中的每一个文本输入,但登录屏幕应该足以让您了解这一点 android 10设备上的文本输入: 为了提供一些代码,这将是受影响的登录代码片段 <ion-content no-bounce id="login-content
<ion-content no-bounce id="login-content">
<img
src="assets/logo/datenpool-logo-blue.svg"
alt="datenpool-logo"
title="datenpool-logo"
id="datenpool-logo"
/>
<form [formGroup]="loginForm">
<div fxLayout="column" fxLayoutAlign="center center">
<ion-input
placeholder="{{ 'authentication.login.form.username' | translate }}"
type="text"
formControlName="username"
[formControl]="loginForm.controls['username']"
required
></ion-input>
<ion-input
placeholder="{{ 'authentication.login.form.password' | translate }}"
type="password"
formControlName="password"
[formControl]="loginForm.controls['password']"
required
></ion-input>
<mat-error *ngIf="isInvalid">
{{ error }}
</mat-error>
<button
(click)="login()"
type="submit"
[disabled]="!loginForm.valid"
class="button"
>
{{ 'authentication.login.form.button' | translate }}
</button>
</div>
</form>
<div fxLayoutAlign="center center">
<button (click)="forgotPassword()" class="forgotpw">
{{ 'authentication.login.forgot-password' | translate }}
</button>
</div>
</ion-content>
{{error}}
{{'authentication.login.form.button'| translate}}
{{'身份验证.登录.忘记密码{翻译}
就我个人而言,我怀疑代码是否有缺陷,但这与Android及其预测文本功能有关。
无论如何,我希望有人能给我指出正确的方向;提前谢谢,伙计们。我设法找到了问题背后的原因 我没有提到的是,该项目正在使用电容器。因此存在一个
capactor.config.json
。在该JSON文件中有一个专用的android块,具有以下属性:
"android": {
"backgroundColor": "#ffffffff",
"allowMixedContent": true,
"captureInput": false,
"webContentsDebuggingEnabled": true
},
发生的情况是captureInput
被设置为true。所做的是用一个更简单的键盘取代标准的Android键盘,从而使开发人员能够更轻松地使用按键捕捉事件
显然,它还可以使Android 10上的文本输入变得毫无用处。我在ios中也遇到了同样的问题,我创建了新项目,并在没有任何更改的情况下复制粘贴了文件,结果成功了,这是从npm创建项目时出现的错误,它可能在创建时崩溃了。试着做同样的事情。