华为仓颉鸿蒙HarmonyOS NEXT原生UI 容器组件Badge（微信/QQ未读数小红点）

微信和QQ的小红点强迫症看到这个就想点，看看仓颉鸿蒙HarmonyOS NEXT是怎么开发出来的吧！

可以附加在单个组件上用于信息标记的容器组件。

说明

Badge暂不支持混合页面场景。

子组件

支持单个子组件。

构造函数

init(BadgeParams, () -> Unit)

public init(value: BadgeParams, child: () -> Unit)

创建数字标记组件。

参数名	参数类型	必填	默认值	描述
value	BadgeParams	是	-	数字标记组件参数。
child	() -> Unit	是	{ => }	容器的子组件。

枚举说明

BadgePosition

枚举值	描述
RightTop	圆点显示在右上角。
Right	圆点显示在右侧纵向居中。
Left	圆点显示在左侧纵向居中。

自定义类型说明

BadgeParams

public struct BadgeParams {
        public init(count!: Int32, style!: BadgeStyle, position!: BadgePosition, maxCount!: Int32)
        public init(value!: String, style!: BadgeStyle, position!: BadgePosition)
    }

构造函数

init(Int32, BadgeStyle, BadgePosition, Int32)

public init(count!: Int32, style!: BadgeStyle, position!: BadgePosition, maxCount!: Int32)

创建一个BadgeParams对象。

参数名	参数类型	必填	默认值	描述
count	Int32	是	-	提示内容的文本字符串。
style	BadgeStyle	是	-	Badge组件可设置的样式，支持设置文本颜色、尺寸、圆点颜色和尺寸。
position	BadgePosition	否	BadgePosition.RightTop	提示点显示位置。
maxCount	Int32	否	99	最大消息数，超过最大消息时仅显示 maxCount+。