NavigationView Items Padding in Android

Question

How do I set padding for items inside NavigationView.I need to set paddingLeft for items as I have removed icons.What i have tried is this but it is not working:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    android:focusable="true"
    android:foreground="?attr/selectableItemBackground"
    app:headerLayout="@layout/nav_header_navigation_drawer"
    app:itemBackground="@drawable/selected_background"
    app:itemTextAppearance="@style/Drawer"
    app:menu="@menu/activity_navigation_drawer_drawer" />

My Drawer.xml file in styles:

<style name="Drawer">
    <item name="android:listPreferredItemPaddingLeft">50dp</item>
    <item name="android:textSize">30sp</item>
    <item name="android:typeface">serif</item>
</style>

try this hope its gonna work for you. https://stackoverflow.com/a/39914592/7104450 — Shashank Verma, Sep 29 '17 at 04:42
Possible duplicate of [How to overcome this item padding in navigation drawer?](https://stackoverflow.com/questions/39913570/how-to-overcome-this-item-padding-in-navigation-drawer) — Dima Kozhevin, Sep 29 '17 at 04:43
@SumitShukla you want padding between icon and textview inside the naviagtionView..? — Sardar Khan, Sep 29 '17 at 05:11
@SardarKhan. No I have removed all those icons and I want all textView to be padded from Left... — Sumit Shukla, Sep 29 '17 at 05:14

score 10 · Answer 1 · answered Jul 02 '19 at 07:43

In case anyone wants to adjust the padding for the items in the NavigationDrawer using the latest material design, checkout these new attributes app:itemIconPadding and app:itemHorizontalPadding.

app:itemIconPadding will adjust the padding between your icon and the item's text app:itemHorizontalPadding, as its name suggest, will adjust the padding from the left and right horizontally for the item.

<com.google.android.material.navigation.NavigationView
            android:id="@+id/nav_view"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:fitsSystemWindows="true"

            app:itemIconPadding="16dp"
            app:itemHorizontalPadding="10dp"

            app:menu="@menu/nav_drawer_menu" />`

score 5 · Answer 2 · answered Oct 13 '19 at 20:59

5

Since you are using a menu without icons you can use the app:itemHorizontalPadding attribute:

<com.google.android.material.navigation.NavigationView
    app:itemHorizontalPadding="2dp"
    ../>

The result with default value and custom value:

Use the app:itemShapeInsetStart="0dp" to change the margin of the shape:

answered Oct 13 '19 at 20:59

Gabriele Mariotti

320,139
94
887
841

hi, this is unrelated but how can I achieve that active indicator that has margins and rounded corners – Gilbert Mendoza Jun 23 '20 at 08:02
1

@GilbertMendoza Check this answer: https://stackoverflow.com/questions/55933739/add-custom-shape-ripple-with-selector-on-navigationview-menu-item/58683034#58683034 – Gabriele Mariotti Jun 23 '20 at 08:46

score 4 · Answer 3 · answered Mar 19 '20 at 23:04

you can change "listPreferredItemHeightSmall" value for changing navigation item vertical padding in your application theme

<!-- Your application theme -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <!-- THIS LINE-->
    <item name="listPreferredItemHeightSmall">54dp</item>
</style>

(default value is 48dp)

score 0 · Answer 4 · answered Sep 29 '17 at 05:19

0

You can add this value ion dimension file under the res->values->dimension folder and add the following line of code.

<dimen name="design_navigation_icon_padding" tools:override="true">8dp</dimen>

answered Sep 29 '17 at 05:19

Sardar Khan

845
6
16

I have removed all the icons.so am i able to use it. – Sumit Shukla Sep 29 '17 at 05:20
try adding icon and then try it. – Sardar Khan Sep 29 '17 at 05:22
But i am supposed to do it without icons. – Sumit Shukla Sep 29 '17 at 05:22
why you don't want to show icons.? it can elaborate your text and make it easy for user. – Sardar Khan Sep 29 '17 at 05:25
2

I am asked to so.That's why!! – Sumit Shukla Sep 29 '17 at 05:26
You can refer to this post as well. – Sardar Khan Sep 29 '17 at 05:27
1dp try this. – Sardar Khan Sep 29 '17 at 05:29
you can also check this post if any thing not working https://stackoverflow.com/questions/36397268/android-navigationview-reduce-space-between-icon-and-text-and-itembackground/36417267#36417267 – Sardar Khan Sep 29 '17 at 05:31
Not worked!! Thanks for your effort. Is there a problem with my code or anything I am missing.... – Sumit Shukla Sep 29 '17 at 05:32
you can try it with icons including ..and if works then tell me i will tell you a work around for it.. – Sardar Khan Sep 29 '17 at 05:37
You can make your own custome naviagtion drawer you can control all thing..but it takes time. – Sardar Khan Sep 29 '17 at 05:56

NavigationView Items Padding in Android

4 Answers4