Ionic 4 弹出窗口出现在屏幕外

Question

我在屏幕底部的按钮上有一个 Ionic 4 Popover。当我单击按钮打开弹出窗口时，它出现在屏幕下方......

.html

<div class="TabBarItem" (click)="popover($event)">
  <label>Tab Item</label>
</div>

.ts

   function popover(ev) {

    this.popoverController
                .create({
                  component: PopoverComponent,
                  event: ev,
                  translucent: true,
                })
                .then(el => {
                  el.present();
                });
    }

结果...

有没有办法解决这个问题，或者手动重新定位？

Answer 1

事实证明，我所要做的就是添加<ion-content>到我的弹出框组件中。这解决了这个问题。