Ionic 4标签：在推送新页面之前先删除当前页面

Question

我正在使用 Ionic 4 和标签页布局。

我有一个带有QR Code Scanner的标签页。因此，页面如下设置为透明

<ion-content padding color="transparent">
  <ion-item lines="none" class="top-content">

    <ion-grid>
      <ion-row>
        <ion-col>
          <ion-label text-center no-margin>
            Scan QR Code to start
          </ion-label>
        </ion-col>
      </ion-row>
    </ion-grid>

  </ion-item>
</ion-content>

并具有以下界面

第二个标签显示项目列表，因此在页面上具有拉动刷新。代码是

<ion-header>
  <ion-toolbar color="primary">
    <ion-title>Item List</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>

  <ion-refresher slot="fixed" (ionRefresh)="refreshList($event)">
    <ion-refresher-content>
    </ion-refresher-content>
  </ion-refresher>

  <ion-card color="primary" (click)="showAction(1)">
    <ion-card-content>

      <!-- item content -->

    </ion-card-content>
  </ion-card>

</ion-content>

但是在拉动页面时，它会从QR码扫描仪打开相机的第一页显示透明背景，因此在拉动页面时会显示相机输出。

如何在打开新页面之前关闭或隐藏页面？