uni-app 小程序使用 uni.reLaunch 后左上角依然带有返回按钮

发布于 1周前 作者 sinazl 来自 Uni-App

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({}); 跳转后,左上角带有返回按钮,无法隐藏
百度小程序提交以后,审核未通过
小程序首页不得出现“返回”和“回首页”按钮。

Image Image


4 回复

你这使用的是原生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 页面隐藏返回按钮,可以通过设置页面的 navigationStylecustom 来实现。但请注意,这会影响整个页面的导航栏样式,需要自定义导航栏。

{
  "pages": [
    {
      "path": "pages/custom/custom",
      "style": {
        "navigationBarTitleText": "",
        "navigationStyle": "custom"
      }
    }
  ]
}

在对应的页面中,你需要自定义导航栏,包括返回按钮(如果需要的话)。

4. 检查其他可能影响导航栏的配置

确保没有其他全局或页面级别的配置影响了导航栏的显示,如 globalStyle 中的 navigationStyle 设置。

{
  "globalStyle": {
    "navigationStyle": "default"  // 确保这里不是 'custom',除非你全局使用了自定义导航栏
  }
}

通过以上步骤,你应该能够排查并解决 uni.reLaunch 后左上角依然带有返回按钮的问题。如果问题依旧存在,建议检查 uni-app 的官方文档或社区,看是否有其他开发者遇到并解决了类似的问题。

回到顶部