请问左侧tabbar底部怎么添加新的图标并绑定功能

[lovelytan]

老师好，请问如下图所示的登陆avatar是如何添加并绑定点击事件/功能的？

[yantze]

给 MenuId.ActivityBarExtra 加一个菜单项就可以了

const icon = 'https://img.alicdn.com/imgextra/i4/1024-1024.svg';
this.commandRegistry.registerCommand({
    id: CORE_COMMANDS.OPEN_DASHBOARD.id,
    iconClass: classnames(this.iconService.fromIcon('', icon, IconType.Background)),
}, {
    execute: () => {
    // actions
    },
});
this.menuRegistry.registerMenuItem(MenuId.ActivityBarExtra, {
    command: { id: CORE_COMMANDS.OPEN_DASHBOARD.id, label: '打开应用管理器' },
    order: 0,
    group: 'navigation',
});

[lovelytan]

@yantze 请问按钮label或者iconClass的值怎么动态更新呢，rawContextKey在这里好像不起作用。想实现加载用户头像的效果，每个人都不一样。

registry.registerMenuItem(MenuId.ActivityBarExtra, {
      submenu: this.MenuId.login,
      label: this.loginContext.get(), // 这个值，或者iconClass的属性值怎么动态变化？
      order: 0,
      group: 'navigation',
      when: `${LoginStatusContext.raw}`
    });

[erha19]

更新方式参考代码：

private async doRefreshAvatar() {
    const commandA = {
      id: 'commod-a',
      label: '打开应用管理器',
    };
    const icon = 'https://img.alicdn.com/imgextra/i4/O1CN01x5w0TZ1jnBTYqLioi_!!6000000004592-55-tps-1024-1024.svg';
    this.commandRegistry.unregisterCommand(commandA.id);
    this.commandRegistry.registerCommand({
      id: commandA.id,
      iconClass: cls(this.iconService.fromIcon('', icon, IconType.Background)),
    }, {
      execute: () => {
        this.windowService.openDashboard();
      },
    });
    this.menuRegistry.unregisterMenuItem(MenuId.ActivityBarExtra, commandA.id);
    this.menuRegistry.registerMenuItem(MenuId.ActivityBarExtra, {
      command: commandA,
      order: 0,
      group: 'navigation',
    });
 }

[lovelytan]

感谢！