【问题标题】:Ionic3 background disappears when push a new page with Tabs使用选项卡推送新页面时,Ionic3 背景消失
【发布时间】:2018-10-25 17:39:12
【问题描述】:

我尝试在我的应用中推送一个带有标签的新页面。但是,我发现当我点击按钮(添加好友)时,从右侧弹出新页面,背景页面突然消失。当我单击新页面(组件)左上角的后退按钮时。你会发现背景层只显示白色,在新页面完全关闭后,欢迎页面再次显示。

示例:

你可以在下面看到我的代码:

如果需要,这里是代码:https://stackblitz.com/edit/ionic-mfc3ga

  1. 在 Chrome 中打开链接
  2. 点击页面右上角的“在新窗口中打开”。
  3. 在新窗口中,打开开发工具(Chrome)并切换到移动模式(切换设备工具栏)并请刷新浏览器。
  4. 点击右上角的“添加好友按钮”。
  5. 当新页面从右向左滑动时,您会看到背景页面(欢迎使用 Ionic)消失。
  6. 此外,当您单击新页面(组件)左上角的返回按钮时。你会发现背景层只显示 白色,新页面完全关闭后,欢迎页面 再次显示。

我不知道我的代码有什么问题。

谢谢大家

【问题讨论】:

  • 嗨,Jake,请检查更新的 plunker,并详细说明您想要实现的目标
  • 你好 Suraj,我的问题是我有一个新组件,在这个组件中,我在这个组件中有一个选项卡。在移动模型中,当我使用 NavController 推送这个新组件时,你会发现在新组件打开和关闭过程中,当前页面会消失。

标签: ionic-framework ionic2 tabs ionic3


【解决方案1】:

删除 import { AboutPage } from '../about/about'; 到关于页面

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
// import { AboutPage } from '../about/about'; DELETE THIS
import { ContactPage } from '../contact/contact';
import { HomePage } from '../home/home';
@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})
export class AboutPage {
  tab1Root = HomePage;
  // tab2Root = AboutPage;
  tab3Root = ContactPage;
  constructor(public navCtrl: NavController) {
  }
}

app.module.ts

删除:AboutPage、ContactPage、HomePage、TabsPage on =>> entryComponents

 entryComponents: [
    MyApp,
  ],

而且效果很好))

【讨论】:

  • 感谢您的回复,但我试过了,不幸的是,还是有这个问题。
  • 是的,但您需要在 chrome 的移动模型上试用它。它适用于网页视图,但不适用于移动视图。谢谢
  • 我检查了一下,不幸的是我仍然遇到这个问题。对此感到抱歉
  • 他没有查看 stackblitz.com 项目
猜你喜欢
  • 2017-06-10
  • 1970-01-01
  • 1970-01-01
  • 2014-10-09
  • 2018-09-03
  • 1970-01-01
  • 2017-08-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多