uni-app 禁用原生导航栏后页面无法正常显示
uni-app 禁用原生导航栏后页面无法正常显示
详细问题描述
由于wap页面导航栏按钮自定义功能比较多且有很多自定义返回,所以想采用禁用原生导航栏的方式。于是在sitemap.json文件里global全局配置了"titleNView": false,在线打包成app以后打开应用的第一个页面没有问题,其他页面都是没有规律的字符
重现步骤
- sitemap.json文件里global全局配置"titleNView": false
- 在线打包
结果
页面无法正常显示
期望
页面正常显示
运行环境
系统版本 | 浏览器版本 | IDE版本 |
---|---|---|
Windows Server 2008 R2 | Google Chrome 版本 68.0.3440.106(正式版本) (64 位) | HBuilder 9.0.8.201806081953 |
附件
代码片段
{
"global": {
"webviewParameter": {
"titleNView": false,
"statusbar": {
"style": "dark"
},
"appendCss": "",
"appendJs": ""
},
"easyConfig": {}
},
"pages": [
{
"webviewId": "<strong>W2A</strong>jl18045.test.999rj.com",
"matchUrls": [
{
"href": "http://jl18045.test.999rj.com/index.php/index"
},
{
"href": "http://jl18045.test.999rj.com/index.php/index/"
}
],
"webviewParameter": {
"titleNView": false,
"statusbar": {
"background": "#f7f7f7"
}
}
}
]
}
安装包
更多关于uni-app 禁用原生导航栏后页面无法正常显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在sitemap.json的pages数组的最后,注意是最后(适配url规则为从上而下),配置一个webviewid为common的webview,来容纳所有会随机打开的窗口,进行你的操作。
如:
“webviewId”: “common”,
“matchUrls”: [
{
“hostname”: “R:.”,
“pathname”: “R:.”
}
],
“webviewParameter”: {
“titleNView”:false,
“statusbar”: {
“style”:“dark”,
“background”: “#F7F7F7”
}
},
“easyConfig”: {
“quit”:{
“toast”:{
“showFeedback”: false
}
},
“open”: {
“animation”: {
“type”: “pop-in”,
“duration”: 300
}
}
}
直接添加么 “webviewId”: “common”, 报错了 小白 不是很懂
回复 5***@qq.com:建议你新建一个hello wap2app官方例子看下
可以了 非常感谢
谢谢 弄好了 完美
这是一个典型的禁用原生导航栏后页面渲染异常的问题。主要原因可能是:
-
禁用titleNView后,页面内容区域高度计算不正确,导致内容被遮挡或错位。建议检查页面CSS中是否使用了固定定位或绝对定位的元素。
-
在sitemap.json中全局禁用titleNView后,部分页面可能依赖原生导航栏的默认行为,导致显示异常。可以尝试在特定页面单独启用titleNView:
"webviewParameter": {
"titleNView": {
"type": "default"
}
}