收藏
回答

微信小程序 tabbar 页面使用web-view键盘弹起出现留白?

回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-Jahozheng
    社区技术运营专员-Jahozheng
    2025-05-30

    复现路径提供下

    2025-05-30
    有用
    回复 1
    • 止静
      止静
      2025-09-10
      给点力啊
      2025-09-10
      回复
  • 白馒头
    白馒头
    2025-12-01

    解决了没有呀

    2025-12-01
    有用
    回复 2
    • 白馒头
      白馒头
      2025-12-01
      刚想起来个解决方法
      监听键盘高度,键盘弹出时隐藏tabbar,收回时显示tabbar
      onLoad(options) {
         // 监听键盘高度变化
         this.listenKeyboard();
        }


        onUnload() {
         // 页面卸载时移除监听
         this.removeKeyboardListener();
        }

      listenKeyboard() {
          // 监听键盘高度变化
          uni.onKeyboardHeightChange((res) => {
           console.log("键盘高度变化:", res.height);
           this.keyboardHeight = res.height;
           if (res.height > 0) {
            // 键盘弹出
            this.isKeyboardVisible = true;
            // 隐藏tabbar
            uni.hideTabBar();
           } else {
            // 键盘收起
            this.isKeyboardVisible = false;
            // 如果之前是显示状态,则显示tabbar
            if (this.show) {
             uni.showTabBar();
            }
           }
          });
         },
      2025-12-01
      回复
    • 白馒头
      白馒头
      2025-12-01
      白色的区域是tabbar的高度,键盘弹出时也不需要看见tabbar所以我就给他隐藏,白色区域是没有了,第一次好像还会有问题,但比每次都有要强
      2025-12-01
      回复
  • 舜岳
    舜岳
    2025-05-09

    微信小程序 tabbar 页面使用web-view键盘弹起出现留白

    代码:

    <template> <web-view :webview-styles="webviewStyles" :src="url"></web-view> </template>

    2025-05-09
    有用
    回复 1
    • 止静
      止静
      2025-09-10
      大哥,解决了没有,在线等
      2025-09-10
      回复
登录 后发表内容