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

mbyulnm0  于 5个月前  发布在  Ionic
关注(0)|答案(1)|浏览(89)

我的App.tsx文件中有一个fab按钮,它覆盖在底部标签栏的顶部,但实际上并不在标签栏的内部,因为如果我把它放在IonTab中,非标签按钮似乎会消失。
目前,当我打开键盘打字时,Fab按钮会随着键盘向上移动。我希望它保持隐藏在键盘后面/根本不移动。
我已经尝试了position:absolute,但它仍然向上移动。下面是我的当前代码:

<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>

字符串

7xzttuei

7xzttuei1#

尝试将<IonPage>放在<IonContent>之外
就像这样:

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

字符串

相关问题