本文介绍了使用uview UI框架时遇到的iOS导航栏悬浮问题及其解决方案。通过在pages.json中添加softinputMode:adjustResize配置项，解决了键盘弹出时导航栏和列表数据被遮挡的问题。
使用的UI框架是uview，导航条用的u-navbar
开发过程中在ios端会遇到以下问题：
导航条悬浮在顶部，上滑时只有列表滚动，预期是：
但实际操作，导航条就像div一样，随着上去了。结果是：
为啥呢，对于初学者的我，认为应该是搜索框在获取焦点时，键盘弹出来了，ios的整屏被键盘挤了（因为不出键盘就没事，ios的键盘还关不掉）
安卓没有这种问题，解决方案是：
在项目的pages.json，找到对应页面配置，增加"softinputMode":"adjustResize"配置。
当键盘弹出来的时候，让屏幕自动调整为除去键盘高度的剩余高度，这样就没问题了。
由此联想到测试还提了个bug，vivo，小米等安卓机在键盘弹出状态下，列表数据的底部数据会被键盘遮挡看不到了，也加上这个配置，在键盘弹出状态下，列表的底部就相当于键盘的顶部，问题就解决了，我真机智 哈哈
扫一扫
322
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
