[안드로이드] BottomNavigationBar 메뉴 Item의 Ripple 효과 제거하기(Material 3)

BottomNavigationBar 기본상태

스택오버플로우와 여러 블로그를 참고했을 때 레퍼런스에서 제시하는 방법은 제 상황에서는 해결되지 않았습니다.

// 적용 X
<com.google.android.material.bottomnavigation.BottomNavigationView
    ...
    app:itemBackground="@android:color/transparent"
    app:itemRippleColor="@android:color/transparent" />

가장 쉽게 볼 수 있었던 솔루션인데 Navigation의 Ripple은 그대로 남아있었습니다.

(아마 디자인시스템 버전이 Material3로 올라가면서 Navigation에 Style을 적용하는 방식이 변경된게 아닐지 추측합니다,,)

 

BottomNavigation 컴포넌트의 이런저런 속성을 건드려 보던 중 'itemActiveIndicatorStyle' 라는 속성을 발견했습니다.

// 해결방법
<com.google.android.material.bottomnavigation.BottomNavigationView
    ...
    app:itemActiveIndicatorStyle="@android:color/transparent" />

Ripple 효과가 제거된 모습

코드에서 사용된 "@android:color/transparent"는 배경을 투명하게 해주는 의미이고, 다른 색상을 넣고 싶다면 자유롭게 color를 지정하면 됩니다.

 

깨끗하게 제거된 Navigation을 확인할 수 있습니다 :)