用uniapp做的小程序改成app,界面适配问题

img


如图所示,导出app后下边有个什么条?把整体界面顶上去要如何删除?

小程序界面如下,是正常的体验

img

理论上用uniapp开发一套,应该能适配呀,怎么会有这么大出入

需要发我帮你瞅一眼看看?

顶部有默认的导航栏的。应该会自动适配所有机型。除非你设置了自定义的顶部导航栏

小程序和app有区别,
比如有刘海屏的区别

1.通过uniapp配置文件,打开app的导航栏 参考:https://uniapp.dcloud.net.cn/collocation/pages.html#app-titlenview
2.通过css将顶部撑下来

uni-app小程序与app端的兼容问题
https://blog.csdn.net/Zaqenenen/article/details/111685736

小程序获取菜单按钮(右上角胶囊按钮)的布局位置信息:wx.getMenuButtonBoundingClientRect(),
APP获取顶部高度是用:uni.getSystemInfo();
使用// #ifdef APP-PLUS // #ifdef MP-WEIXIN 分别获取距离顶部高度,就能适配了

设置一下顶部的导航栏呢