[위시버니] Material3의 BottomNavigationView 선택 시의 indicator 옵션 없애기

토리·2024년 1월 25일
0

문제상황

  • BottomNavigationView 이용할 때 디폴트로 생성되는 indicator를 없애고 싶었다..^^
  • Material3 테마를 이용할 때만 발생하는 이슈

해결 코드

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_navi"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="@drawable/border_top"
        app:menu="@menu/navi_menu"
        app:itemBackground="@color/white"
        app:itemIconTint="@drawable/menu_selector_color"
        app:itemTextColor="@drawable/menu_selector_color"
        style="@style/BottomNavigationViewNoRipple"
        app:labelVisibilityMode="labeled"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />
  • style="@style/BottomNavigationViewNoRipple"로 먹인다

styles.xml

    <style name="BottomNavigationViewNoRipple" parent="Widget.MaterialComponents.BottomNavigationView">
        <item name="android:itemBackground">@android:color/transparent</item>
        <item name="android:colorControlHighlight">@android:color/transparent</item>
    </style>

수정 후

0개의 댓글