Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/214.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 安卓10+;没有回声_Android_Ionic Framework_Textinput - Fatal编程技术网

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

在安卓10上运行Ionic应用程序时,我遇到了一个最奇怪的错误

所附的gif应该可以大致总结出问题所在,但我能告诉你的是,它在版本低于10的Android设备上运行正常

基本上说,除非我点击一些视觉分隔符(即空格),否则没有任何实际输入会回显到屏幕上。它几乎适用于应用程序中的每一个文本输入,但登录屏幕应该足以让您了解这一点

android 10设备上的文本输入:

为了提供一些代码,这将是受影响的登录代码片段

<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创建项目时出现的错误,它可能在创建时崩溃了。试着做同样的事情。