【问题标题】:Ion-List 'underlapping' ion-tabs and ion-navIon-List 'underlapping' ion-tabs 和 ion-nav
【发布时间】:2018-04-20 03:20:08
【问题描述】:

在我的主页我有一个离子列表,有时(是的,不是每次),当我在这个列表中选择一个对象或转到注册页面时,通过“this.app.getRootNav().push ("ClienteCadastroPage")",并在 registerPage 或 descriptionPage 中选择一个输入,并使用 "this.navCtrl.pop();"卷土重来,我的 ion-list 在 Ion-Tab 和 Ion-nav 下

1- 离子列表:

2 - 在我选择一个项目后,我触摸任何输入

3- 在我选择复出或保存后

正如您在上一张图片中看到的,离子列表位于其他元素下方。

【问题讨论】:

    标签: html typescript ionic-framework


    【解决方案1】:

    我只需要在方法ionViewDidEnter()上加载页面时调整组件大小:

    代码:

    @ViewChild(Content) content: Content;
    
    ionViewDidEnter() {
      Utils.closeMenus(this.menuCtrl);
      this.update();
    }
    
    update(){    
      this.content.resize();
    }
    

    【讨论】: