remove line divider from NavigationView android

Question

i have this menu for the NavigationView of layout:

<item android:title="title1">
    <menu>
        <item
            android:id="@+id/nav_tab1"
            android:icon="@drawable/ic_action_nav_tab1"
            android:title="test1" />
        <item
            android:id="@+id/nav_tab2"
            android:icon="@drawable/ic_action_nav_tab2"
            android:title="test2" />
    </menu>
</item>
<item android:title="title2">
    <menu>
        <item
            android:id="@+id/nav_settings"
            android:icon="@drawable/ic_action_settings"
            android:title="test3" />
    </menu>
</item>

how can remove the line divider from menu?

@Stanojkovic thanks for comment. but without id how can access item in app? i just need to remove the divider. — javadroid, Jan 29 '16 at 07:13

score 16 · Accepted Answer · edited May 23 '17 at 12:24

16

Add this to your Styles:

<item name="android:listDivider">@android:color/transparent</item>

Here you can read more about it: How can I change separator color in NavigationView?

edited May 23 '17 at 12:24

Community

1
1

answered Jan 28 '16 at 20:44

ʍѳђઽ૯ท

16,646
7
53
108

score 1 · Answer 2 · answered Dec 26 '18 at 13:10

I had same problem with BottomNavigationView. Maybe someone will find my solution usefull.

Reason of this divider on android devices with API < 21 is this code snippet in BottomNavigationView sources:

if (VERSION.SDK_INT < 21) {
    this.addCompatibilityTopDivider(context);
}

addCompatibilityTopDivider(context) method:

private void addCompatibilityTopDivider(Context context) {
    View divider = new View(context);
    divider.setBackgroundColor(ContextCompat.getColor(context, color.design_bottom_navigation_shadow_color));
    LayoutParams dividerParams = new LayoutParams(-1, this.getResources().getDimensionPixelSize(dimen.design_bottom_navigation_shadow_height));
    divider.setLayoutParams(dividerParams);
    this.addView(divider);
}

My solution was to override design_bottom_navigation_shadow_color in colors.xml, like this:

<color name="design_bottom_navigation_shadow_color" tools:override="true">#00000000</color>

And it works:)

score 0 · Answer 3 · answered Jan 28 '16 at 19:51

<group android:id="@+id/menu_top">
<item android:title="title1">
    <menu>
        <item
            android:id="@+id/nav_tab1"
            android:icon="@drawable/ic_action_nav_tab1"
            android:title="test1" />
        <item
            android:id="@+id/nav_tab2"
            android:icon="@drawable/ic_action_nav_tab2"
            android:title="test2" />
    </menu>
</item>
<item android:title="title2">
    <menu>
        <item
            android:id="@+id/nav_settings"
            android:icon="@drawable/ic_action_settings"
            android:title="test3" />
    </menu>
</item>

Try grouping these items...I haven't tried this but it should work

thanks for answer, but i need to remove the divider. your solution keep that line. — javadroid, Jan 29 '16 at 07:12

remove line divider from NavigationView android

3 Answers3

Linked