I have upped my app to target api 35 and edge to e...

# compose

[0xf1f1]

I have upped my app to target api 35 and edge to edge is enabled. However within:

Scaffold(topBar = { CenterAlignedTopAppBar() })

how do I get the scrolling content to go behind the topbar and make the bar transclucent ? at the moment the topBar stays white and doesn't look edge to edge.

[Lukas Anda]

Try setting window insets on scaffold to 0

[0xf1f1]

thanks, worked a charm. How do I make the status bar transparent so the content scrolls behind it ?

[Lukas Anda]

hmmm edg eto edge should fix that

[0xf1f1]

do I need to add enableEdgeToEdge() ?

[Lukas Anda]

yes of course. and set correct color of the icons. I'd recommend checking out the documentation

[0xf1f1]

I was a bit confused as I thought there was no need for that since sdk35 enforces it anyway ?

[Lukas Anda]

you still want to specify it

[0xf1f1]

yep, that seems to have helped. Weirdly, the status bar has a 50% inset - so half is transparant, the other half is white - any thoughts on what that may be ?

[Lukas Anda]

Nope, but feel free to experiment with it

[0xf1f1]

okay fixed that. It was some padding on the surface - Is it possible to set a 50% opacity on the status bar background when scrolling ?

[Lukas Anda]

Yes although I'd recommend playing around drawing something there instead of calling system API to modify colors. Since now you have edge-to-edge, you can draw anywhere on the screen, so feel free to have some fun with that 🙂