页面在手机上正常显示但是在平板上与预期不符

页面在手机端打开没问题,在平板上左边的宽度很小,右边大面积空白,可是我已经设置了宽度100%

页面在手机上正常显示但是在平板上与预期不符-鸿蒙开发者社区cke_1196.png

HarmonyOS
2025-09-28 15:04:36
浏览
收藏 0
回答 3
待解决
回答 3
按赞同
/
按时间
auhgnixgnahz
1

加一个 

.mode(NavigationMode.Stack)


因为pad大屏 会自适应成左边导航栏 右边内容区

分享
微博
QQ
微信
回复1
2025-09-29 10:30:03
auhgnixgnahz

仔细看官方文档,如果有用,关注一下我的公众号

分享
微博
QQ
微信
回复
2025-09-29 10:32:28
上午的阳光

Navigation标签新增.navBarWidth('100%')或者.mode(NavigationMode.Stack)即可解决问题。原因是因为未设置显示模式model时页面会自动检测屏幕大小,当窗口宽度>=600vp时,Navigation会采用Split分栏模式;navBarWidth的值在未设置时默认未240vp;只需要修改其中一个因素即可解决问题

分享
微博
QQ
微信
回复
9天前
相关问题
HarmonyOS BlendMode显示效果不符预期
1160浏览 • 1回复 待解决
判断模型能否在手机上运行
2848浏览 • 1回复 待解决
HarmonyOS 轨迹线样式和预期不符
923浏览 • 1回复 待解决
HarmonyOS Text添加动画效果与预期不符
1040浏览 • 1回复 待解决
点击事件冒泡不符预期
1617浏览 • 1回复 待解决
RichText组件font标签size属性不符预期
3059浏览 • 1回复 待解决
flutter cameraHarmonyOS手机上测试白屏
1140浏览 • 1回复 待解决