Zoff
03/01/2024, 4:27 PMIconButton(
modifier = Modifier.size(MESSAGE_CHECKMARKS_CONTAINER_SIZE)
.align(Alignment.Bottom)
.background(Color.Transparent, CircleShape),
icon = Icons.Filled.Check,
iconTint = color1,
enabled = false,
iconSize = MESSAGE_CHECKMARKS_ICON_SIZE,
contentDescription = "Message delivered",
onClick = {}
)
and a second one right next to it. but there is a lot of space between which does not look like i want it:
can i put them closer together? or sort of overlap them a bit. so that the check marks are really close to each other. without actually making an svg image for it?Ivan Matkov
03/01/2024, 4:36 PMModifier.offset(x = -10.dp)
seb
03/01/2024, 4:57 PMIconButton(modifier = Modifier.size(MESSAGE_CHECKMARKS_CONTAINER_SIZE), onClick = { /* doSomething() */ }) {
Box {
Icon(Icons.Filled.Check, contentDescription = "Message delivered")
Icon(Icons.Filled.Check, contentDescription = null, Modifier.padding(start = 4.dp)) // or whatever
}
}
This way it's one single button instead of two overlapping ones, which would look super weird. There can be clipping/alignment issues depending on the icons you use, and it's generally just not a great idea.Zoff
03/01/2024, 9:29 PMZoff
03/02/2024, 7:58 AM