how to change the status bar color? <https://stack...

# compose

[Nurseyit Tursunkulov]

how to change the status bar color? https://stackoverflow.com/questions/65610216/how-to-change-statusbar-color-in-jetpack-compose

[patrick]

I think what you want is to draw behind the status bar right?
-> WindowCompat.setDecorFitsSystemWindows(window, false) in your activity.

Take a look at the Jetcaster Google Sample (https://github.com/android/compose-samples/tree/main/Jetcaster) it is drawing behind the statusbar.

https://github.com/chrisbanes/accompanist/tree/main/insets can also help you to account for paddings/ insets.

[patrick]

Actually JetSnack might be even better of an example for you: https://github.com/android/compose-samples/tree/main/Jetsnack

It draws content behind the status bar and changes the color of the status bar to a semitransparent color, so exactly the effect you’re looking for. Take a look at https://github.com/android/compose-samples/blob/main/Jetsnack/app/src/main/java/com/example/jetsnack/ui/utils/SystemUi.kt

[Nurseyit Tursunkulov]

I tried but it is not working

[Shakil Karim]

@patrick Where in the sample, Status bar color is set I can't find it?

[Shakil Karim]

@patrick Ah ok found it. https://github.com/android/compose-samples/blob/main/Jetsnack/app/src/main/java/com/example/jetsnack/ui/theme/Theme.kt