How to Use Conditional Modifiers In Jetpack Compose

Показать описание

Follow for more Android & Kotlin tips 🙌

Рекомендации по теме

Комментарии

Nice example.
How is this different from this:
Column(modifier = if(isPhone) {

} else {
Modifier
}) {

}

segunfrancis

I refactor my code after every Short video that you drop! 🔥🔥🔥🔥

ntikomathaba

You can make a generic extension function of the Modifier class that takes both a condition and a Modifier operation, and that applies it if condition is true otherwise returns "this"

Drackmord

Is it not the same as this?
Modifier.let {
if (isPhone) {

} else {
it
}
}

juanherrera

it works but I think an extension would be cleaner. Even better solution, in this case, is passing it in the parameter: verticalScroll(enabled = condition)

soboleum

And then put this kind of things in a utility class to use them elsewhere

yassinesafraoui

Pretty cool. But wouldn't a val with the condition in be neater?

antpr

Great #shorts Philipp.

Though, I am having trouble making a dynamic height for Column, Row or Box.
My use case is to make it have a maximum height of my choice only when the content grows upto that, otherwise, the height should not exceed the content hight.
For example, if I want a hight of 200.dp, but the content height is currently at 70.dp, the container height should not exceed that, until it grows to the maximum height defined for the container.

I have tried modifier.height, modifier. requiredHeight and fillMaxHeight but not getting my desired result.

How can I achieve this?

Aweklin

Would this extension function be a problem? from the looks of it it's slightly better because you skip doing then(Modifier) is the condition false. Also it reads better as applyIf(condition) { padding(16.dp) }

inline fun Modifier.applyIf(take: Boolean, other: Modifier.() -> Modifier): Modifier =
if (take) this.other() else this

Jon

holy prophet of @Compouse, thank you for another revelation!

alexnovikov

Is this different from Modifier.let ? I mean, write the condition with the let argument "it" and return "it" or the other "it.verticalScroll() "?

frukoyurdakul

fun Boolean, modifier: Modifier.() -> Modifier): Modifier {
return if (condition) {
then(modifier(Modifier))
} else {
this
}
}

mohegyux

also you can use this beautiful code :)

inline fun Modifier.ifFalse(value: Boolean, crossinline block: Modifier.() -> Modifier): Modifier =
if (!value) block.invoke(this) else this

inline fun Modifier.ifTrue(value: Boolean, block: Modifier.() -> Modifier): Modifier =
if (value) block.invoke(this) else this

osfhfhh

How to Use Conditional Modifiers In Jetpack Compose

How to Use Conditional Modifiers In Jetpack Compose

Conditional modifiers – Views and Modifiers SwiftUI Tutorial 5/10

iOS 15: Conditional modifiers – Views and Modifiers SwiftUI Tutorial 5/10

(OLD) Conditional modifiers – Views and Modifiers SwiftUI Tutorial 5/10

iOS 15: Why modifier order matters – Views and Modifiers SwiftUI Tutorial 3/10

Why does SwiftUI use structs for views? – Views and Modifiers SwiftUI Tutorial 1/10

Are You Doing THIS Modifier Mistake In Jetpack Compose?

Custom modifiers – Views and Modifiers SwiftUI Tutorial 9/10

Day 6 - Core Java-Discuss all the keywords in java

iOS 15: Custom modifiers – Views and Modifiers SwiftUI Tutorial 9/10

Twine 2.3: Chapbook 1.0: Modifiers

Why modifier order matters – Views and Modifiers SwiftUI Tutorial 3/10

iOS 15: Why does SwiftUI use structs for views? – Views and Modifiers SwiftUI Tutorial 1/10

iOS SwiftUI Tutorial: Conditional ViewModifiers (Create your own Toggle Buttons)

Environment modifiers – Views and Modifiers SwiftUI Tutorial 6/10

Constraints and modifier order - MAD Skills

How to Set Conditional Modifier Pricing | Uber Eats

iOS 15: Custom containers – Views and Modifiers SwiftUI Tutorial 10/10

Custom containers – Views and Modifiers SwiftUI Tutorial 10/10

(OLD) Custom modifiers – Views and Modifiers SwiftUI Tutorial 9/10

iOS 15: Environment modifiers – Views and Modifiers SwiftUI Tutorial 6/10

PARALLEL STRUCTURE | English Lesson

SwiftUI Tutorial: Core Concepts: Custom Modifiers - Part 3: Which Container View is Lazy?

iOS 15: Views as properties – Views and Modifiers SwiftUI Tutorial 7/10