hey i’ve been playing with compose recently, and have a short question. I want to render the vector ...

# compose

[Sheroz Nazhmudinov]

hey i’ve been playing with compose recently, and have a short question. I want to render the vector asset inside the row. Currently i’m doing smth like this:

Row(modifier = Modifier.fillMaxHeight() + Modifier.fillMaxWidth()) {
    if (stateChecked.value) {
        VectorPainter(asset = vectorResource(id = R.drawable.ic_checkbox_on))
    } else {
        VectorPainter(asset = vectorResource(id = R.drawable.ic_checkbox_off))
    }
}

However, it doesn’t show anything on the screen. Is that approach correct, at all?

[kartoffelsup]

Not sure if this is correct, but I'm using Icon:

Icon(asset = VectorResource(R.drawable.ic_outline_menu_24))

as suggested in this thread: https://kotlinlang.slack.com/archives/CJLTWPH7S/p1584849322105100

[Sheroz Nazhmudinov]

Thanks, it works 👍 I thought maybe i had some issue with my modifier.

[Adam Powell]

you can write

Modifier.fillMaxHeight() + Modifier.fillMaxWidth()

as

Modifier.fillMaxHeight()
    .fillMaxWidth()

now 🙂

[Adam Powell]

(or even just Modifier.fillMaxSize())

[Sheroz Nazhmudinov]

nice 👏 thank you!

[Socheat KHAUV]

do you know how to resize the vector icon more bigger ?

Box(gravity = ContentGravity.Center, modifier = Modifier.fillMaxSize()) {
    Icon(asset = vectorResource(R.drawable.ic_favorite))
}

[kartoffelsup]

You can apply this modifier to your Icon:

Modifier.preferredSize(60.dp, 60.dp)