Search code examples
androidbottomnavigationviewripple

android - Ripple effect goes out of BottomNavigationView borders

I got some strange effect with my BottomNavigationView - ripple goes out of the view's borders. How can I solve it?

enter image description here

Here's my XML

<android.support.design.widget.BottomNavigationView
        android:id="@+id/bnv_bottom_menu"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_alignParentBottom="true"
        app:menu="@menu/menu_main_bottom"
        app:itemTextColor="@color/selector_bottom_navigation_item"
        app:itemIconTint="@color/selector_bottom_navigation_item" />
Solution

  • Problem is solved. I put the background on my BNV and now everything is fine.

    <android.support.design.widget.BottomNavigationView
    android:id="@+id/bnv_bottom_menu"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_alignParentBottom="true"
    android:background="@android:color/white"
    app:menu="@menu/menu_main_bottom"
    app:itemTextColor="@color/selector_bottom_navigation_item"
    app:itemIconTint="@color/selector_bottom_navigation_item" />