setTabBarItemAttr

2022-06-13 14:06 更新

设置tabBar指定项的属性

setTabBarItemAttr({params})

params

index:

  • 类型:数字
  • 默认值:无
  • 描述:要设置的指定项的索引

text:

  • 类型:字符串
  • 默认值:无
  • 描述:(可选项)该项的标题文字

iconPath:

  • 类型:字符串
  • 默认值:无
  • 描述:(可选项)该项默认状态下 icon 图标路径

selectedIconPath:

  • 类型:字符串
  • 默认值:无
  • 描述:(可选项)该项选中状态下 icon 图标路径

scale:

  • 类型:数字
  • 默认值:4
  • 描述:(可选项)图片的缩放倍数。显示规则:当 scale 值为 3 时,若设备上面期望显示的图标尺寸为 3025,则图片实际尺寸需要为 9075。

badge:

  • 类型:JSON对象
  • 默认值:无
  • 描述:(可选项)该项的角标信息
  • 内部字段:

{
    text:              //角标内容。传0时表示隐藏角标,其余任意值表示显示角标,可以为空字符串,字符串类型
    background:        //角标的背景,支持颜色和图片,默认值#f00,字符串类型
    color:             //角标文字颜色,默认值#fff,字符串类型
    fontSize:          //角标文字字体大小,默认值12,数字类型
    radius:            //角标的半径,默认值10,高度固定,宽度根据内容自动增长,数字类型
    x:                 //角标左边相对于所在项顶部中间的位置,默认值5,数字类型
    y:                 //角标顶部相对于所在项顶部的位置,默认值5,数字类型
}

示例代码

api.setTabBarItemAttr({
    index: 4,
    badge: {
        text: 1
    }
});

可用性

iOS系统,Android系统

可提供的1.2.99及更高版本

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号