如何防止Ionic / React fab按钮随键盘移动？

Question

我的App.tsx文件中有一个fab按钮。它被覆盖在底部标签栏的顶部，但实际上并未覆盖在标签栏的内部，因为如果将非标签按钮放在IonTab中，它似乎会消失。

当前，当我打开键盘进行键入时，fab按钮随键盘一起向上移动。我希望它隐藏在键盘后面/根本不动。

我尝试过位置：绝对，但它仍然向上移动。这是我当前拥有的代码：

<IonApp>
    <IonContent>
        <IonPage>
            <IonTab>.....</IonTab>
            <IonFab vertical="bottom" horizontal="center" slot="bottom">
                <IonFabButton mode="ios" onClick={() => { scanCode() }}>
                    <IonIcon style={iconStyle} icon={camera}></IonIcon>
                </IonFabButton>
            </IonFab>
        </IonPage>
    </IonContent
</IonApp>

Answer 1

尝试将<IonPage>放在<IonContent>之外

赞：

<IonApp>
  <IonPage>
    <IonContent>
      ...
    </IonContent>
  </IonPage>
</IonApp>