It is necessary to make the following separators, as in the screenshot:
Numbered 1 from the logo red line.
Numbered 2 between "Settings" and "Rate app".
If at the expense of the first item I don’t even know about how to do it, then I tried the following markup with the second one:
<menu xmlns:android="http://schemas.android.com/apk/res/android"> <group android:checkableBehavior="single"> <item android:id="@+id/nav_camera" android:icon="@drawable/recent_activity" android:title="Your recent activity" /> <item android:id="@+id/nav_gallery" android:icon="@drawable/recent_suggestion" android:title="Recent suggestion" /> <item android:id="@+id/nav_slideshow" android:icon="@drawable/suggest_term_drawer" android:title="Suggest term" /> <item android:id="@+id/nav_manage" android:icon="@drawable/settings" android:title="Settings" /> <item android:title=""></item> <menu> <item android:id="@+id/nav_share" android:icon="@drawable/rate_app" android:title="Rate app" /> <item android:id="@+id/nav_send" android:icon="@drawable/feedback" android:title="Feedback" /> <item android:id="@+id/share" android:icon="@drawable/share" android:title="Share" /> </menu> </group> </menu>
However, it turned out that there were distances from the separator from the bottom and from the top in approximately 1 item.
Here is the markup of the logo:
<ImageView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:longClickable="false" android:scaleType="fitCenter" android:src="@drawable/logo_menu"/>