uniapp popup 打开时组件被键盘顶起来了
时间: 2023-08-02 17:08:46 浏览: 98
uni-app 封装一个顶部选项卡组件
5星 · 资源好评率100%
这个问题可能是由于软键盘弹起导致的,可以尝试使用uni-app提供的键盘弹起事件监听函数,来动态调整页面布局。具体操作可以参考下面的代码示例:
1. 在组件的 `onShow` 生命周期中,绑定键盘弹起事件监听函数:
```
onShow() {
uni.onKeyboardHeightChange((res) => {
// 键盘高度发生变化,需要重新调整页面布局
// 可以根据 res.height 来获取键盘高度
// 然后动态修改组件的样式,将被键盘顶起来的部分下移
})
}
```
2. 在组件的 `onHide` 生命周期中,解绑键盘弹起事件监听函数:
```
onHide() {
uni.offKeyboardHeightChange()
}
```
在监听到键盘弹起事件后,可以根据键盘高度动态修改组件的样式,将被键盘顶起来的部分下移即可。
阅读全文