Translucent Status Bar with Edge-To-Edge Jetpack Compose

Hey mate! Grab a coffee ☕, and let’s see how to make the status bar translucent using the new edge-to-edge functionality.
Let's connect 🤗:
/ daniel-atitienei
Blog: / translucent-status-bar...
Do you like my content? Here you can buy me a coffee ☕:
www.buymeacoffee.com/danielat...
#jetpackcompose #android #kotlin #androiddeveloper #xml #compose #development #developer #programmer #AndroidDevelopment #mobiledevelopment #appdevelopment #programmingtips #androidtips #mobileappdevelopment #androidstudio #KotlinProgramming #googleplaystore #userinterfacedesign #apiintegration #softwareengineering

[@somai991]

I was having trouble figuring out how to change the color of the status bar. This was very helpful. Thank you!

[@daniel.atitienei]

Glad it helps! You're welcome!

[@arsildo]

keep the snippet and window.statusBarColor = Color.Transparent.toArgb() if your app has a user defined theme. and you want your status bar to react to theme changes correcly :)

[@Oswald-41]

Thanks a lot buddy! you save my life!!!!!!

[@daniel.atitienei]

Glad to hear that!

[@walysonhenriqueozoriosobri6637]

Thank you very much, I was having trouble doing this, I'm Brazilian, sorry for my bad English :)

[@daniel.atitienei]

Glad it helped!

[@stylus84razviter58]

Подскажите, как таким образом можно изменить цвет текста статусбара?

[@Alex34613]

How can i remove system icons on status bar like battery and others

[@bassett_green]

You can hide the status bar and all the icons with window.decorView.setSystemUiVisibilty()

[@stylus84razviter58]

При прозрачном цвете интерфейс смещается вверх. Как сделать чтобы он оставался на том же месте как и при не прозрачной строке состояния?

[@daniel.atitienei]

If you're using material2 use this Modifier.statusBarsPadding(). In material3 try to wrap the screen with this Scaffold { innerPadding -> Box(modifier = Modifier.padding(innerPadding)) {...} }

[@stylus84razviter58]

@@daniel.atitienei спасибо! А есть урок, как сделать чтобы TopAppBar динамически менял свою высоту в зависимости от размера содержимого?

[@daniel.atitienei]

@@stylus84razviter58 Check this: kzbin.info/www/bejne/e6Kmp4h7icqeoM0si=4RFW8JCMBEtA_P__&t=919

[@stylus84razviter58]

Каким образом можно сделать элементы statusbar прозрачными?

[@daniel.atitienei]

You can't really make them transparent.

[@stylus84razviter58]

@@daniel.atitienei а как сделать чтобы он вообще не отображался?

[@aboali8063]

😢