What’s the right way of conditionally adding Modif...

# compose

[Kshitij Patil]

What’s the right way of conditionally adding Modifiers? I tried

Modifier.padding()
.preferredSize()
.apply {
    if(<some condition>) {
        this.then(Modifier.clickable { })
    }
}

but didn’t work

[Denis]

apply returns this, maybe try run ?

https://kotlinlang.org/docs/scope-functions.html#function-selection

[grandstaish]

Modifier.padding()
  .preferredSize()
  .then(if (x) Modifier.clickable(...) else Modifier)

[Kshitij Patil]

This worked! Any better way where I could write a lambda and don’t need to return default “Modifier” in else part?

[grandstaish]

No, but you can try make it a bit more readable by not inlining the modifier, e.g.:

val click = if (x) {
    Modifier.clickable(...) 
} else {
    Modifier
}

Modifier.padding()
  .preferredSize()
  .then(click)

You see this pattern throughout foundational code

[Albert Chang]

Use run if you want to avoid unnecessary wrapping of the modifier.

[Kshitij Patil]

Okay