往期鸿蒙全套实战文章必看：（附带鸿蒙全栈学习资料）

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

设置信息提醒

场景介绍

Hds导航组件扩展支持菜单栏设置信息提醒能力。当应用开发者需要在导航组件菜单项右上角附加消息提醒时，可以通过设置标题栏上菜单配置中的Badge属性，实现信息提醒能力。

开发步骤

1. 导入相关模块。

   import { HdsNavigation, HdsNavigationAttribute } from '@kit.UIDesignKit';

2. 创建Hds一级导航组件，通过配置titleBar中menu的Badge属性，设置信息提醒样式。

   import { HdsNavigation, HdsNavigationAttribute } from '@kit.UIDesignKit';
   @Entry
   @Component
   struct Index {
     build() {
       HdsNavigation() { // 创建HdsNavigation组件
       }.titleBar({
         content: { // HdsNavigation标题栏内容设置
           menu: { // HdsNavigation标题栏菜单区域内容设置
             value: [{
               content: { // 第一个菜单项内容设置
                 label: 'menu1',
                 icon: 'resources/base/media/startIcon.png',
                 isEnabled: true,
               },
               badge: { // 第一个菜单项信息提醒设置
                 count: 1,
               }
             },{
             content: { // 第二个菜单项内容设置
               label: 'menu2',
               icon: 'resources/base/media/startIcon.png',
               isEnabled: true,
             },
             badge: { // 第二个菜单项信息提醒设置
               count: 100,
             } }]
           },
           title: { mainTitle: 'MainTitle', subTitle: 'SubTitle' },
         }
       })
     }
   }

​