Search code examples
androidandroid-layoutbottomnavigationview

Bottom Navigation View With Left Righ Space Issue

I am newbie in android, i am use bottom navigation view with two menus

but im getting left right space

Here is my Navigation View,

<android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"

        app:itemBackground="@color/colorRed"
        app:itemIconTint="@color/colorWhite"
        app:itemTextColor="@color/colorWhite"
        app:menu="@menu/bottom_bar_menu"/>

Please check Image enter image description here

Solution

  • According to Material design guidelines You can't use two menus with bottom navigation use, instead of bottomNavigation view use tab layout Check this link for guidlines https://material.io/guidelines/components/bottom-navigation.html#bottom-navigation-usage

    Still, if you want to use bottom navigation view

    Try This inside BottomNavigationView

    android:background="@color/colorRed"