uni-app 字节跳动小程序自定义导航栏中间存在 true 问题

uni-app 字节跳动小程序自定义导航栏中间存在 true 问题

操作步骤：

  • 自定义导航栏，使用uview组件库

预期结果：

  • 自定义导航栏中间没有true

实际结果：

  • 中间有个 true

bug描述：

  • 自定义头部导航栏，转成字节跳动小程序，中间会有true
信息类别 信息内容
产品分类 uniapp/小程序/抖音
PC开发环境 Windows
操作系统版本号 2004
HBuilderX类型 正式
HBuilderX版本号 3.1.4
工具版本号 2.0.1
基础库版本号 1.75.1.1
项目创建方式 HBuilderX

更多关于uni-app 字节跳动小程序自定义导航栏中间存在 true 问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

大佬，问题解决没？很不幸我也遇到了

更多关于uni-app 字节跳动小程序自定义导航栏中间存在 true 问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个字节跳动小程序平台的已知问题。当使用自定义导航栏时，如果页面配置中设置了 navigationStyle: "custom"，但未明确设置 navigationBarTitleText 属性，字节跳动小程序会在导航栏中间显示默认的 “true” 文本。

解决方案：

在页面的 pages.json 配置文件中，为使用自定义导航栏的页面添加空的 navigationBarTitleText 属性：

{
  "path": "pages/your-page",
  "style": {
    "navigationStyle": "custom",
    "navigationBarTitleText": ""
  }
}

或者在页面组件的 onLoad 生命周期中通过 API 设置标题为空：

onLoad() {
  // 字节跳动小程序
  if (uni.getSystemInfoSync().platform === 'toutiao') {
    uni.setNavigationBarTitle({
      title: ''
    });
  }
}
回到顶部