使用离子输入时，Ionic 2页面在iOS中上下跳动

我使用此离子版本。使用离子输入时，Ionic 2页面在iOS中上下跳动

Cordova CLI: 6.2.0 
Ionic Framework Version: 2.3.0 
Ionic CLI Version: 2.1.18 
Ionic App Lib Version: 2.1.9 
Ionic App Scripts Version: 1.3.2 
Node Version: v7.4.0

这里的代码和它的目的是为用户输入信息并提交它。

<ion-content> 

<ion-list *ngIf="isTest"> 
<ion-input> </ion-input> 
<ion-input> </ion-input> 
<ion-input> </ion-input> 
</ion-list> 

<button ion-button>Submit</button> 
</ion-content>

在Android上它的工作，但是当我测试它在iOS上，当我点击离子输入页面跳转向上和向下这是不好的UX的。任何想法如何在iOS上解决这个问题？

以下是该问题的视频示例。 drive.google.com/open?id=0B22-s3eK4PTLWXpNMk1tbzdjcGs

来源

2017-08-09 djumerko

你的设备测试？你跳到什么意思？你能分享一张照片的初始状态和最终状态吗？默认情况下，由于键盘跳转屏幕 –

以下是我的问题示例https://drive.google.com/open?id=0B22-s3eK4PTLWXpNMk1tbzdjcGs – djumerko

因此，您的代码与此完全相同？我想出了一个答案，让我们看看它是否有帮助 –

好的。经过一番研究，我发现了我的问题的答案。如果其他人遇到类似这样的问题，请在app.component.ts文件中添加以下内容。

constructor(private config: Config) { 
    this.config.set("scrollPadding", false); 
    this.config.set("scrollAssist", false); 
    this.config.set("autoFocusAssist", true); 

    this.config.set("android", "scrollAssist", true); 
    this.config.set("android", "autoFocusAssist", "delay"); 
}

这解决了我的iOS和Android问题。

来源

2017-08-17 12:14:41 djumerko

此解决方案适用于ios，但在android中，标题仍固定在顶部。 –

尝试使用ion-input就像它在文档中，离子项目内。

<ion-item> 
    <ion-label stacked>Name</ion-label> 
    <ion-input type="text"></ion-input> 
</ion-item>

，如果你不想做ion-label只是将其删除，并添加item-content为ion-input一个属性。

当您使用ion-item Ionic会自动添加一些类别和组件，它将输入放入其中，可能缺少此组件会导致您的屏幕在不必要时碰撞。

希望这会有所帮助。

来源

2017-08-16 15:36:30

这不是解决问题。 – djumerko

@djumerko是对的。只是一点点改变。

这里对我来说是什么工作：

this.config.set("ios", "scrollPadding", false); 
    this.config.set("ios", "scrollAssist", false); 
    this.config.set("ios", "autoFocusAssist", true); 

    this.config.set("android", "scrollAssist", true); 
    this.config.set("android", "autoFocusAssist", "delay");

来源

2018-02-22 17:22:16 user3029400

使用离子输入时，Ionic 2页面在iOS中上下跳动

回答

相关问题