I am facing weird issue I have OutlinedButton which contains kotlinlang #compose

I am facing weird issue, I have OutlinedButton which contains Icon. Problem is icon image is showing too small. It seems like modifier.size(24.dp) does not seem working inside Icon. However, scale() works. Any suggestions?

Eganathan R

03/30/2023, 6:46 AM

Is there any padding applied to the icon ?

Vishal Bhandare

03/30/2023, 6:46 AM

Eganathan R

03/30/2023, 6:47 AM

Maybe you can share the code, along with your question.. it might be easier for other to understand.

Vishal Bhandare

03/30/2023, 6:49 AM

OutlinedButton(
    modifier = modifier.size(size),
    shape = shape,
    onClick = onClick,
    enabled = enabled,
    colors = ButtonDefaults.buttonColors(
        backgroundColor = backgroundColor,
    )
) {
    Icon(
        painter = painterResource(id = icon),
        contentDescription = null,
        tint = tint,
        modifier = modifier.size(24.dp) //this value can be anything
    )
}

Eganathan R

03/30/2023, 6:52 AM

Do try to set content padding to 0.dp, usually solves the problem.

Vishal Bhandare

03/30/2023, 6:53 AM

tried just now but no luck

Seems like except scale() no other function works on modifier for icon

when its inside OutlinedButton

Stylianos Gakis

03/30/2023, 9:36 AM

If you put this same exact

Icon()

composable but outside of the button, does it look any different?

Vishal Bhandare

03/30/2023, 11:56 AM

@Eganathan R Content Padding works, my bad I missed the word Content & just applied padding, thanks

4 Views

#compose Join Slack