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

mbyulnm0  于 2024-01-04  发布在  Ionic
关注(0)|答案(1)|浏览(239)

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

  1. <IonApp>
  2. <IonContent>
  3. <IonPage>
  4. <IonTab>.....</IonTab>
  5. <IonFab vertical="bottom" horizontal="center" slot="bottom">
  6. <IonFabButton mode="ios" onClick={() => { scanCode() }}>
  7. <IonIcon style={iconStyle} icon={camera}></IonIcon>
  8. </IonFabButton>
  9. </IonFab>
  10. </IonPage>
  11. </IonContent
  12. </IonApp>

字符串

7xzttuei

7xzttuei1#

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

  1. <IonApp>
  2. <IonPage>
  3. <IonContent>
  4. ...
  5. </IonContent>
  6. </IonPage>
  7. </IonApp>

字符串

相关问题