About this issue
For the following composable
RIcon
@Composable
fun RIcon(
icon: IIcon,
modifier: Modifier = Modifier,
size: Dp = Size.icon,
color: Color = Color.Unspecified,
respectFontBounds: Boolean = false, // needed to align some icons correctly
) {
Image(
asset = icon,
modifier = modifier.requiredSizeIn(maxWidth = size, maxHeight = size),
alignment = Alignment.Center,
contentScale = ContentScale.Fit,
iconicsConfig = IconicsConfig(
respectFontBounds = respectFontBounds,
iconBrush = SolidColor(color.takeOrElse { LocalContentColor.current }),
paddingDp = 1,
),
)
}
When using sizeIn(maxWidth, maxHeight), the modifier is ignored and icons spill outside of the composable bounds.requiredSizeIn fixes the issue but breaks animations & other Material widgets that want to resize the icon composable.
We need a proper solution for sizing icons without using requiredSize.
Why is this and how can this be fixed?
Using respectFontBounds = true is not possible because that breaks alignment of icons in the container.
Details
Checklist
About this issue
For the following composable
RIcon
When using
sizeIn(maxWidth, maxHeight), the modifier is ignored and icons spill outside of the composable bounds.requiredSizeInfixes the issue but breaks animations & other Material widgets that want to resize the icon composable.We need a proper solution for sizing icons without using requiredSize.
Why is this and how can this be fixed?
Using respectFontBounds = true is not possible because that breaks alignment of icons in the container.
Details
Checklist