안드로이드 Android Jetpack Compose Status Bar 상태바 색상 변경하기

 

안드로이드에서 Status Bar(상태바)의 색상을 변경하는 것은 매우 매우 흔히 있는 일이다..

(아마 대부분의 앱이 그러지 않을까?)

 

이번에 Jetpack Compose를 배우면서 앱 전체의 Status Bar 색상을 변경해야 했다.

최근 안드로이드에서는 EdgeToEdge 방법을 권장하는 것 같지만,

나는 아직 이 방법에 익숙하지 않기 때문에 다른 방법을 모색했다!

(하지만 웬만하면 EdgeToEdge를 이용하길 바람!)

---

1. build.gradle.kts에 Accompanist 의존성 추가

implementation ("com.google.accompanist:accompanist-systemuicontroller:0.27.0")

 

Goggle Accompanist는 Google에서 JetpackCompose 개발에 필요하지만,

아직은 사용할 수 없는(?) 기능들을 제공해주는 라이브러리 모음이다.

Accompanist를 둘러보면 Permissions, Drawable Painter 등 다양한 기능이 제공되고 있다.

 

2. 📁 theme → Theme.kt

나는 앱 전체의 Status Bar 색상을 변경하고 싶었기 때문에 Theme 파일에서 색상을 설정해 주기로 했다.

@Composable
fun ComposeRecipeAppTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    dynamicColor: Boolean = true,
    content: @Composable () -> Unit
) {

...

    val systemUiController = rememberSystemUiController()
    if (darkTheme) {
        systemUiController.setSystemBarsColor(
            color = Color.Transparent // 다크테마일때 Status Bar 색상
        )
    } else {
        systemUiController.setSystemBarsColor(
            color = Color.White // 라이트테마일때 Status Bar 색상
        )
    }
...

}

 

그럼 이렇게 Recipe App 전체의 Status Bar가 흰색으로 깔끔하게 된다. - ̗̀ ⸜՞•𖥦•՞⸝ ̖́-

 

(+)

아직 Compose에 익숙하지 않습니다 . . .

잘못된 정보가 있으면, 댓글로 알려주시면 감사하겠습니다 ! 🥰

 

Reference

https://github.com/google/accompanist

GitHub - google/accompanist: A collection of extension libraries for Jetpack Compose