Guys, I don’t understand how to make a Image with inner padding ```Icon( painter = pain...

# compose

[mingkangpan]

Guys, I don’t understand how to make a Image with inner padding

Icon(
            painter = painterResource(id = R.drawable.ic_baseline_delete_24),
            modifier = Modifier.align(Alignment.TopEnd)
                .size(40.dp)
                .padding(8.dp)
)

Still there is not inner padding applied somehow…

[gildor]

set padding before size

[gildor]

See
https://developer.android.com/jetpack/compose/layouts/basics

[mingkangpan]

I tried it before, but then it has effect of a margin…

[gildor]

it depends on order of modifiers. But I think in this case you just setting size, so what kind result do you expect? Can you just add 16dp to Size?

[mingkangpan]

I want to have a padding so I have more clickable area

in xml, its pretty easy with

<ImageView
   background="?selectableItemBackgroundBorderless"
   scr="some vector drawable"
   padding = 8dp
   width = "wrap_content"
   height = "wrap_content"
>

[gildor]

I want to have a padding so I have more clickable area

Isn’t you should use IconButton for this with own size and click listener?

[mingkangpan]

hmmm you are right, seems like I have to use IconButton for this case now

[mingkangpan]

Thank you

[Zach Klippenstein (he/him) [MOD]]

are you trying to only change the touch area without affecting the layout? I think support for that was just released in the latest alpha

[mingkangpan]

how to do that?