uniapp开发app在ios端,导航fixed会飞的解决方案

使用的UI框架是uview,导航条用的u-navbar

开发过程中在ios端会遇到以下问题:

导航条悬浮在顶部,上滑时只有列表滚动,预期是:

但实际操作,导航条就像div一样,随着上去了。结果是:

为啥呢,对于初学者的我,认为应该是搜索框在获取焦点时,键盘弹出来了,ios的整屏被键盘挤了(因为不出键盘就没事,ios的键盘还关不掉)

安卓没有这种问题,解决方案是:

在项目的pages.json,找到对应页面配置,增加"softinputMode":"adjustResize"配置。

当键盘弹出来的时候,让屏幕自动调整为除去键盘高度的剩余高度,这样就没问题了。

由此联想到测试还提了个bug,vivo,小米等安卓机在键盘弹出状态下,列表数据的底部数据会被键盘遮挡看不到了,也加上这个配置,在键盘弹出状态下,列表的底部就相当于键盘的顶部,问题就解决了,我真机智 哈哈

猜你喜欢

转载自blog.csdn.net/rrrrroy_Ha/article/details/113645981
今日推荐