uni-app 原生左上角返回图标有时候丢失

操作步骤：

返回图标丢失

预期结果：

图标不丢失

实际结果：

偶发情况

bug描述：

采用的原生头部，但是左上角返回图标偶尔消失，偶发情况才会出现


| 信息类别         | 详细信息       |
|------------------|----------------|
| 产品分类         | uniapp/App     |
| PC开发环境操作系统 | Windows        |
| PC开发环境操作系统版本号 | windows10      |
| HBuilderX类型    | 正式           |
| HBuilderX版本号  | 3.4.7          |
| 手机系统         | iOS            |
| 手机系统版本号    | iOS 15         |
| 手机厂商         | 苹果           |
| 手机机型         | iPhone XR      |
| 页面类型         | vue            |
| vue版本          | vue3           |
| 打包方式         | 云端           |
| 项目创建方式      | HBuilderX      |

htzhanglong 1楼•1 个月前作者

仅这个设备出现问题吗？请提供简单可复现的完整示例（上传附件），这边看下是否可复现【bug优先处理规则】https://ask.dcloud.net.cn/article/38139

htzhanglong 2楼•1 个月前作者

其他型号的手机也偶尔出现这个问题，使用的原生导航栏，所以demo的话随便一个项目都可以，偶尔才会复现这个问题

gougou168 3楼•1 个月前

我们也遇到这个问题了

yuanlaile 4楼•1 个月前

在 uni-app 开发中，原生左上角的返回图标有时候丢失，可能是由于以下几个原因导致的。以下是一些常见的原因和解决方法：

1. 页面栈问题

原因: uni-app 的返回图标是根据页面栈自动显示的。如果当前页面是第一个页面（即没有上一个页面），返回图标不会显示。
解决方法: 确保页面栈中有上一个页面，或者手动处理返回逻辑。

2. 页面配置问题

原因: 在某些页面中，可能通过 pages.json 或代码禁用了返回按钮。

解决方法:

检查 pages.json 中的 navigationBar 配置，确保没有禁用返回按钮。

示例：

{
  "path": "pages/example/example",
  "style": {
    "navigationBarTitleText": "示例页面",
    "navigationBarBackButton": true // 确保开启
  }
}

3. 自定义导航栏

原因: 如果你使用了自定义导航栏，原生的返回图标会被覆盖或隐藏。

解决方法:

在自定义导航栏中手动添加返回按钮。

示例代码：

<view class="custom-navbar">
  <view class="back-icon" @click="goBack">返回</view>
  <view class="title">自定义标题</view>
</view>

4. 平台差异

原因: 不同平台（如 H5、小程序、App）对返回按钮的处理方式可能不同。
解决方法:
- 针对不同平台做兼容处理，例如在 onLoad 中动态判断平台并调整返回逻辑。
- 示例代码：
```
onLoad() {
  if (uni.getSystemInfoSync().platform === 'h5') {
    // H5 平台特殊处理
  }
}
```