Good Morning "Composers" :wink: can anyone assist with my question currently open on SO? <https://st...

# compose

[Tower Guidev2]

Good Morning "Composers" 😉
can anyone assist with my question currently open on SO?
https://stackoverflow.com/questions/74372019/how-to-employ-backdropscaffoldstate-offset-correctly-to-offset-front-contentlaye

[Pedro Alberto]

I somehow don't have access to BackdropScafold

[Pedro Alberto]

but in your code in stackoverflow you are using

Scaffold(
    topBar = { Spacer(modifier = Modifier.height(0.dp)) },
    modifier = Modifier.fillMaxSize(),
) { paddingValues ->

[Pedro Alberto]

not https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/[…]mmonMain/kotlin/androidx/compose/material/BackdropScaffold.kt

[Tower Guidev2]

@Pedro Alberto thanks for taking the time to look at this
yes, that scaffold is the content for my frontLayerContent of my BackdropScaffold as shown here..

BackdropScaffold(
    scaffoldState = scaffoldState,
    gesturesEnabled = false,
    appBar = myAppBar,
    frontLayerBackgroundColor = MaterialTheme.colorScheme.surface,
    backLayerBackgroundColor = MaterialTheme.colorScheme.inverseOnSurface,
    backLayerContentColor = MaterialTheme.colorScheme.onSecondary,
    backLayerContent = {
        BackdropLayerContent(
            windowSize = windowSize,
            devicePosture = devicePosture,
            practiceUpdateNavigation = practiceUpdateNavigation
        )
    },
    frontLayerContent = { frontLayerContent() },
    frontLayerScrimColor = Color.Unspecified,
    peekHeight = peekHeight
) {

[Pedro Alberto]

to control the sate i guess you need to use the scafold state but are you sharing the state btw both ?

[Pedro Alberto]

there is this article about that https://compose.academy/blog/building_a_user_interface_with_the_backdrop_scaffold

[Tower Guidev2]

i dont think that article is advanced enough for my issue

var offset by (backdropState.offset as MutableState)

im sure the "proper" solution will involve the backdropState.offset,
and i will include using the modifier offset

modifier = Modifier
            .fillMaxSize()
            .offset { IntOffset(x = 0, y = -offset.toInt()) },

[Pedro Alberto]

did you try inverting the order ?

[Tower Guidev2]

i think my only issue is calculating the amount (and type) of offest to employ

[Pedro Alberto]

Modifier
            .offset { IntOffset(x = 0, y = -offset.toInt()) }
             .fillMaxSize()

[Tower Guidev2]

oh 😄

[Pedro Alberto]

the calculation I would need to apply this and try to understand what you trying to achieve

[Tower Guidev2]

the issue i have is that when the backdrop is open and i have many items in the frontcontent list
i cannot scroll down far enough to make the last item in the list 100% visible

[Pedro Alberto]

and is that related to the backdrop or to the LazyColumn you using ? did you try the same content on other scafold and see if you can see all the content ?

[Tower Guidev2]

it is all related to the backdrop

[Tower Guidev2]

my app has multiple screens that are hosted in the backdrops frontcontentlayer
and all these "frontlayer" lists have exactly the same issue
i cannot scroll down far enough to see the last item in each list

[Tower Guidev2]

my solution is "close" however i have made an error in my code as the offset of my list is constant
and doesnt react to me opening the backdrop