Ionic FabButton 在 iPhone 上无法正常工作

Question

我使用 Ionic FabButton 作为固定位置内容上方的浮动按钮。我的代码是：-

<ion-fab bottom right class="fab-image" (tap)="nextStep()">
   <button ion-fab style="display: none;"></button>
   <img src="assets/icon/custom/green_arrow.png" alt="">
</ion-fab>

我的 CSS 如下fab-image：-

.fab-image{
  position: fixed !important;
  width: 62px;
}

现在它在 Android 上运行得很好：-

单击此处查看其在 Android 上的运行情况

在 iPhone 中它的工作原理如下：

单击此处查看它在 iPhone 上的运行情况

问题是 iPhone 上的故障。fab 按钮随着屏幕移动而移动。有什么想法如何解决这个问题吗？

Answer 1

我在 IOS 上遇到了同样的问题，fab 没有修复，这是我的代码。

<ion-content>
    <!--other code-->

    <ion-fab class="centered-fab" bottom>
         <button  ion-button block round color="primary" (click)="onClick()">
          Click Me
         </button>
    </ion-fab>
</ion-content>

我搬到外面后问题就消失了

<ion-content>
    <!--other code-->
</ion-content>

<ion-fab class="centered-fab" bottom>
     <button  ion-button block round color="primary" (click)="onClick()">
      Click Me
     </button>
</ion-fab>