how to change statusbar color in jetpack compose?

Question

how to make status bar color transparent in compose like here:

it has the same color but with a little bit shade.

Answer 1

Google has just created a library called accompanist.
You can find it here: https://github.com/google/accompanist

It contains multiple helpful libraries for Jetpack Compose, among which is a System UI Controller that you can use for changing the status bar color.

Docs - https://google.github.io/accompanist/systemuicontroller/

Answer 2

Step 1 (add dependency) => version may change

implementation "com.google.accompanist:accompanist-systemuicontroller:0.17.0" 

Step 2 => inside theme.kt file

change the colors according to your need in the functions below.

val systemUiController = rememberSystemUiController() if(darkTheme){     systemUiController.setSystemBarsColor(         color = Color.Transparent     ) }else{     systemUiController.setSystemBarsColor(         color = Color.White     ) } 

Step 3 => ON systemUiController you can acces all types of customizations u need for you app above one is a sample for setSystemBarsColor