uni-app app端打开pages.json中配置在分包中的页面时 页面无法滚动

uni-app app端打开pages.json中配置在分包中的页面时 页面无法滚动

类别 信息
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 Windows 7
HBuilderX 正式
HBuilderX版本号 3.1.22
手机系统 Android
手机版本号 Android 10
手机厂商 模拟器
手机机型 Google
页面类型 nvue
打包方式 离线
项目创建方式 HBuilderX

操作步骤:

  • app端打开pages.json中配置在分包中的页面时,页面无法滚动

预期结果:

  • 小程序分包的页面在app端可以滚动

实际结果:

  • 小程序分包里的页面在app端页面无法滚动

bug描述:

  • app端打开pages.json中配置在分包中的页面时,页面无法滚动

更多关于uni-app app端打开pages.json中配置在分包中的页面时 页面无法滚动的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

hello-uniapp除了组件tabbar页,其他页面都是分包,你试下有没有问题

更多关于uni-app app端打开pages.json中配置在分包中的页面时 页面无法滚动的实战教程也可以访问 https://www.itying.com/category-93-b0.html


试过了,pages里的页面可以滚动,subPackages里的页面滚动不了

回复 2***@qq.com: 我试了没问题啊,纯nvue渲染会忽略.vue文件,但是tabbar页都是nvue,都可以滚动

这是一个已知的 uni-app 在 App 端处理分包页面时的兼容性问题。问题核心在于 App 平台对 pages.json 中分包配置的解析逻辑与小程序不同。

主要原因: 在 App 平台,当页面配置在 subPackages 分包中时,其页面样式(特别是 "style": { "navigationBarTitleText": "..." } 这种对象形式)可能未被完整解析或应用,导致页面根节点的高度计算异常,从而失去滚动能力。

解决方案:

  1. 检查并修正页面样式配置: 确保分包内页面的 style 配置是有效的 JSON 对象。如果配置有误,可能导致页面渲染异常。

  2. 为页面根元素显式设置高度(推荐): 在无法滚动的 nvue 页面的根元素(通常是 <view>)上,添加以下样式:

    flex: 1;
回到顶部