开发
API

tt.showTabBarRedDot

基础库 1.44.0 开始支持,低版本需做 兼容处理

显示 tabBar 某一项的右上角的红点,可以使用底部标签栏红点给予用户提示。相关 API:tt.hideTabBarRedDot

语法

tt.showTabBarRedDot(options)

参数说明

options 为 object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
indexnumbertabBar 的哪一项,从左边算起,第一个为 01.44.0
successfunction接口调用成功的回调函数1.44.0
failfunction接口调用失败的回调函数1.44.0
completefunction接口调用结束的回调函数(调用成功、失败都会执行)1.44.0

回调成功

Object 类型,属性如下:

属性类型说明最低支持版本
errMsgstring"showTabBarRedDot:ok"1.44.0

回调失败

Object 类型,属性如下:

属性类型说明最低支持版本
errMsgstring"showTabBarRedDot:fail " + 详细错误信息1.44.0

效果示例

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<text>显示 Tab 右上角的红点</text>
<button bindtap="showTabBarRedDot">showTabBarRedDot</button>
Page({
  showTabBarRedDot() {
    tt.showTabBarRedDot({
      index: 0,
      success(res) {
        tt.showToast({ title: "显示红点成功" });
      },
      fail(err) {
        tt.showToast({ title: "显示红点失败" + err.errMsg });
      },
      complete(res) {
        console.log("显示红点完成");
      },
    });
  },
});

Bug & Tip

  • Tip:参数 index 必填,从左边算起,第一个为 0。
  • Tip:抖音 iOS 暂不支持此能力。
点击纠错
评价此篇文档