Is there a way to prevent the parent composables padding to clip the shadow of the child-composables...

# compose

[Alex]

Is there a way to prevent the parent composables padding to clip the shadow of the child-composables?

[Alex]

e.g. to prevent this:

[Filip Wiesner]

I think that all top-level scroll componets clip children. In this example I would remove the padding of parent and set it on children

[Alex]

So every child needs to set the padding separately? This seems to be really un-DRY though?

[Alex]

Oh wow, I just found out that it's all about the ordering of the modifier

[Alex]

This clips:

Modifier
.padding(horizontal = 24.dp)
.verticalScroll(rememberScrollState())

[Alex]

This does not clip:

Modifier
.verticalScroll(rememberScrollState())
.padding(horizontal = 24.dp)

[Alex]

Interesting (TM)

[Filip Wiesner]

Oh! You are not using "top-level scroll componet" then 😄 Yeah, this makes sense...

[Alex]

I am using a Column and enable the scroll and padding on that component via the modifier.. is this the wrong way to go about things? 😄

[Filip Wiesner]

If there will more than those few children like on the pic than yes. You should use LazyColumn

[Alex]

Yeah this is what I gathered from the available info. From my understanding it's the same as RecyclerView vs ScrollView right? ScrollView has its uses too, so if the lists are short and not too dynamic I would use a Column with scrollModifier. Is this the right way to do it though?

[Filip Wiesner]

Exactly. But I personally would just use LazyColumn for everything scrollable since it's not that much harder. But for small lists you can certainly use Column with scroll modifier if that's what you prefer.