元素仅在滚动离子 ios 上消失答案

【问题标题】：Elements disappear on scroll ionic ios only元素仅在滚动离子 ios 上消失
【发布时间】：2018-08-27 06:45:08
【问题描述】：

我遇到了一个我无法解决的奇怪错误。

当我导航到选项卡 2 时，页面按预期运行。然后，如果我导航回选项卡 1，然后返回选项卡 2，我的元素现在会在滚动时消失。这仅发生在 ios 上，无论我将哪个组件设置为选项卡 2，它都会发生。

（这些组件在标签一上工作正常，消除了组件的问题）

我正在使用一个非常典型的标签布局，我将在下面发布。任何帮助将不胜感激。

Component:
import { Component } from '@angular/core';

import { HomeComponent } from '../../home/home-component/home.component';
import { FirebaseHomeComponent } from '../../firebase/firebase-home/firebase-home.component';



@Component({
  templateUrl: 'tabs.html'
})
export class TabsComponent {
  // this tells the tabs component which Pages
  // should be each tab's root Page
  tab1Root: any = HomeComponent;
  tab2Root: any = FirebaseHomeComponent;

  constructor() {

  }
}
HTML:

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="{{'HOME' | translate}}" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="{{'PROFILE' | translate}}" tabIcon="contact"></ion-tab>
</ion-tabs>

Module:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedModule } from '../../app/shared/shared.module';
import { TabsComponent } from './tabs-component/tabs.component';

@NgModule({
  declarations: [
    TabsComponent
  ],
  imports: [
    CommonModule,
    SharedModule
  ],
  exports: [
    TabsComponent
  ],
  entryComponents:[
    TabsComponent
  ]
})
export class TabsModule {}

Ionic Framework: 3.2.0
Ionic app script: 3.0.0
Angular core: 4.1.0
angular compiler cli: 4.1.0
node: 8.9.0

【问题讨论】：

您好，欢迎来到 SO，您能否确保共享一个有助于重现该问题的代码？您可以为此使用 stackblitz 服务。您是否也尝试在 Ionic 3.9.2 上重现它？
Stack blitz 看起来很可靠，我会搞砸它，看看是否能将其发布。我也会尝试更新，奇怪的是这是一个 ios 唯一的错误
实际上没有堆栈闪电战不太可能有帮助。此问题不会出现在 android 或浏览器上，只会出现在 ios 生产版本上并通过模拟器或设备运行。
我明白了 - 那么您应该尝试列出您的特定 ios 版本。但是如果没有可重现的配置，您几乎无法在这里获得帮助。但是请检查 ios safari 的错误跟踪器
我可以知道你在那个屏幕上显示了多少数据，它是列表类型数据吗？

标签： ios angular ionic-framework ionic3

【解决方案1】：

https://github.com/ionic-team/cordova-plugin-ionic-webview

答案是安装这个插件。像魅力一样修复它。我被困了 15 天，在任何地方都找不到解决方案，所以我希望它有所帮助。

【讨论】：