我的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>
字符串
1条答案
按热度按时间7xzttuei1#
尝试将
<IonPage>
放在<IonContent>
之外就像这样:
字符串