Ionic 2:离子内容不会在键盘上向上滚动

Pez*_*ter 5 html sass ionic-framework ionic2 angular

我正在创建一个 Ionic 2 移动应用程序,但在输入字段和键盘方面遇到了一些问题。现在,我只指 iOS。这是没有激活任何输入的页面。

在此处输入图片说明

现在,如果我点击 CVV 或邮政编码输入字段,键盘不会向上推离子含量,因此 cvv 或邮政编码字段位于键盘上方。

在此处输入图片说明

如果我点击邮政编码字段,整个输入都被键盘覆盖。没有滚动发生。在此问题之前,当键盘打开时,内容会在键盘上方挤压,但如果内容太大而无法容纳内容,则内容会挤压而不是推离屏幕。

有人对如何做到这一点有建议吗?我认为它不需要任何插件来控制内容或键盘。这似乎与百分比样式有关。

Gab*_*eto 2

我需要查看一些页面代码来提供帮助,但我也遇到了这个问题,并通过执行以下操作解决了:

  • 将我所有的输入都包裹在<ion-item>标签上。
  • 使用离子输入标签(不是常规<input>标签)。
  • 将所有内容放入<form>or <ion-list>(您可能已经做了什么)。

如果没有这个,我就会遇到字段保持静态的问题,并将错误集中在许多输入类型上(文本区域是错误较多的一个)。