[Jetpack Compose] Material3. BottomNavigationBar 배경 제거하기

Jetpack Compose의 Material Design1에서 지원하는 BottomNavigation에 대한 레퍼런스는 꽤나 찾아볼 수 있었지만 Material Design3에서 제공하는 NavigationBar와 관련된 레퍼런스는 정말 찾아보기 힘들었다.

특히 NavigationBarItem의 배경(?), 백그라운드(?)를 제거하고 싶은데 제거하는 방법을 찾기 힘들었다..

분명 제거하는 속성이 있을거라 생각했고, 관련 속성을 발견하게 되어 공유합니다.

 

백그라운드 제거 전과 제거 후

NavigationBarItem(
    ...
    colors = NavigationBarItemDefaults.colors(indicatorColor = Color.Transparent)
)

 

colors의 매개변수인 indicatorColor의 컬러를 투명한 색상으로 지정해서 백그라운드를 제거했습니다.