uni-app 小程序使用 uni.reLaunch 后左上角依然带有返回按钮
uni-app 小程序使用 uni.reLaunch 后左上角依然带有返回按钮
产品分类:
uniapp/小程序/百度
PC开发环境操作系统:
Windows
PC开发环境操作系统版本号:
Windows 11 专业版 22631.3296
HBuilderX类型:
正式
HBuilderX版本号:
4.24
第三方开发者工具版本号:
4.35.1
基础库版本号:
3.310.35
项目创建方式:
HBuilderX
示例代码:
uni.reLaunch({
url: "/pages/index/index"
});
操作步骤:
- 支付宝小程序,百度小程序经测试均有
预期结果:
- 隐藏返回按钮
实际结果:
- 无法审核通过
bug描述:
使用uni.reLaunch({}); 跳转后,左上角带有返回按钮,无法隐藏
百度小程序提交以后,审核未通过
小程序首页不得出现“返回”和“回首页”按钮。
你这使用的是原生tabbar吗?
没有使用tabbar
回复 y***@163.com: 那你这个首页按钮完全可以自定义啊
在 uni-app
开发小程序时,使用 uni.reLaunch
方法通常是为了关闭所有非 tabBar 页面,并跳转到应用内的某个页面。这个方法会清空页面栈,只保留目标页面。然而,如果在某些情况下发现左上角依然带有返回按钮,这可能是由于一些特殊情况或配置错误导致的。
以下是一些可能的原因和解决方案,我将通过代码示例来展示如何排查和修复这个问题。
1. 检查 tabBar 配置
首先,确保 pages.json
中的 tabBar
配置正确。如果目标页面是 tabBar 页面之一,理论上不应该出现返回按钮。
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
}
},
{
"path": "pages/logs/logs",
"style": {
"navigationBarTitleText": "日志"
}
}
],
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/logs/logs",
"text": "日志"
}
]
}
}
2. 使用 uni.reLaunch
跳转
确保 uni.reLaunch
的使用方式正确,且目标页面是 tabBar 页面或你希望作为根页面显示的页面。
uni.reLaunch({
url: '/pages/index/index'
});
3. 隐藏返回按钮(如果确实需要)
如果由于某些原因(如特定需求),你需要在非 tabBar 页面隐藏返回按钮,可以通过设置页面的 navigationStyle
为 custom
来实现。但请注意,这会影响整个页面的导航栏样式,需要自定义导航栏。
{
"pages": [
{
"path": "pages/custom/custom",
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
}
]
}
在对应的页面中,你需要自定义导航栏,包括返回按钮(如果需要的话)。
4. 检查其他可能影响导航栏的配置
确保没有其他全局或页面级别的配置影响了导航栏的显示,如 globalStyle
中的 navigationStyle
设置。
{
"globalStyle": {
"navigationStyle": "default" // 确保这里不是 'custom',除非你全局使用了自定义导航栏
}
}
通过以上步骤,你应该能够排查并解决 uni.reLaunch
后左上角依然带有返回按钮的问题。如果问题依旧存在,建议检查 uni-app
的官方文档或社区,看是否有其他开发者遇到并解决了类似的问题。