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>

fab-image 我的 CSS 如下：-

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

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

Click here to see how it's working on Android

在 iPhone 中它的工作原理是这样的：

Click here to see how it working on 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>