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 |
| 手机厂商 | 模拟器 |
| 手机机型 | |
| 页面类型 | nvue |
| 打包方式 | 离线 |
| 项目创建方式 | HBuilderX |
操作步骤:
- app端打开pages.json中配置在分包中的页面时,页面无法滚动
预期结果:
- 小程序分包的页面在app端可以滚动
实际结果:
- 小程序分包里的页面在app端页面无法滚动
bug描述:
- app端打开pages.json中配置在分包中的页面时,页面无法滚动
更多关于uni-app app端打开pages.json中配置在分包中的页面时 页面无法滚动的实战教程也可以访问 https://www.itying.com/category-93-b0.html
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": "..." } 这种对象形式)可能未被完整解析或应用,导致页面根节点的高度计算异常,从而失去滚动能力。
解决方案:
-
检查并修正页面样式配置: 确保分包内页面的
style配置是有效的 JSON 对象。如果配置有误,可能导致页面渲染异常。 -
为页面根元素显式设置高度(推荐): 在无法滚动的 nvue 页面的根元素(通常是
<view>)上,添加以下样式:flex: 1;

