Hi, my composable is moving the offset, but the background color is not moving. If I look in the lay...

# compose

[Ji Sungbin]

Hi, my composable is moving the offset, but the background color is not moving. If I look in the layout inspector, I can clearly see that the offset has been moved. But the background color is still displayed at the old offset. What’s the problem?

@Composable
private fun QuackSelectedTabUnderBar(
    modifier: Modifier = Modifier,
    color: QuackColor,
    offsetProvider: Density.() -> IntOffset,
    widthProvider: Density.() -> Dp,
) {
    val density = LocalDensity.current

    Box(
        modifier = Modifier
            .offset(offset = offsetProvider)
            .then(other = modifier)
            .height(height = QuackTabUnderBarHeight)
            .width(width = density.widthProvider())
            .background(color = color.value)
    )
}

I used Modifier.offset(offset: Density.() -> IntOffset) for moving offset.

[fengdai]

Have you tried moving offset modifier to after background modifier?

[Ben Trengrove [G]]

That actually looks the right way round to me already

[Ben Trengrove [G]]

If you are trying to use a lambda as well to avoid recomposition, you would also have to do the same width modifier if that's changing as well. There isn't a width {} modifier though so you would have to use layout {}

[Ben Trengrove [G]]

Does moving the background to after the layout work now?

[Ji Sungbin]

Wow! Now it works! Obviously it didn't work when I did it before, but now I try it again, it works. Thank you so much!