在jetpack中撰写如何在图标附近添加数字（计数）（例如，评论）

Question

如何在 android jetapck compose 中的图标附近添加数字，我已在下面附加了这样的快照。请帮助我解决问题。

Answer 1

您可以使用BadgedBox.
使用offset修改器更改徽章的位置，并containerColor更改背景颜色。
在 M2 中，背景颜色由backgroundColor属性定义。

BadgedBox(
    badge = {
        Badge(
            modifier = Modifier.offset(y=10.dp),
            containerColor=LightGray
        ){
            val badgeNumber = "8"
            Text(
                badgeNumber,
                modifier = Modifier.semantics {
                    contentDescription = "$badgeNumber new notifications"
                }
            )
        }
    }) {
    Icon(
        Icons.Filled.Star,
        contentDescription = "Favorite"
    )
}