I see that `LazyColumn` crops half of its last ite...
# compose
a
I see that
LazyColumn
crops half of its last item, am I missing anything? Code in 🧵
k
Looks like you have padding in some of your upper elements.
a
Copy code
Column(
    modifier = Modifier.padding(16.dp)
) {
    // another composable
    LazyColumn(
        contentPadding = PaddingValues(24.dp),
        verticalArrangement = Arrangement.spacedBy(12.dp)
    ){
        items(shifts){
            ShiftCard(it)
        }
    }
}
k
Did you try removing 16.dp?
a
Yes, the same, padding should push the whole
LazyColumn
not crop its content.
The same problem here
k
What about the contentPadding, did you try removing that?
a
No effect
t
Remove the padding from the parents and use contentpadding on the lazycolumn.
k
Could it be that you are missing ime paddings?
a
What is "ime padding"?
t
You have something in the parent of the parents or your ShiftCards have offsets applied, but this works perfectly fine. Your screenshot shows that the first item is cropped too, so you have something else touching the paddings / composable sizes. Add background to the column and to the lazycolumn and see what is what 😉 Old school debug that always works.
f
Or open Layout Inspector and you'll see what is cropping what
t
Layout inspector for compose breaks more often than it works 😞
d
Looks like navigation bar padding
c
I took your code and put it in my sample app and no crop. Looks like you have something else thats the issue?