How To Create A Navigation Drawer And Bottom Bar In The Same App

I am creating an app, and I want to have a Navigation Drawer and a Bottom Bar in the app. I think that I am going for a good way, but I Can do that the Navigation Drawer when I dis

Solution 1:

<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayoutxmlns: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"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"
    ><include-----textshowing-----/><android.support.design.widget.BottomNavigationViewandroid:id="@+id/navigation"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:background="@color/colorPrimary"app:itemTextColor="@color/colorAccent"app:itemIconTint="@color/colorWhite"app:menu="@menu/bottom_navigation_item"/></RelativeLayout><android.support.design.widget.NavigationViewandroid:id="@+id/nav_view"android:layout_width="wrap_content"android:layout_height="match_parent"android:layout_gravity="start"android:fitsSystemWindows="true"app:headerLayout="@layout/nav_header_main"app:menu="@menu/activity_main_drawer" />

Solution 2:

You could try

<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayoutxmlns: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"tools:context="com.example.chuks.vibefmbenin.MainActivity"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" /><!-- The main content that loads the fragments --><FrameLayoutandroid:id="@+id/frament_layout"android:layout_width="match_parent"android:layout_height="match_parent"/><!-- Setting the corodinator layout inorder to pull the bottom
         navigation view down to the bottom--><android.support.design.widget.CoordinatorLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"><!--The bottom navigation --><android.support.design.widget.BottomNavigationViewandroid:id="@+id/navigationBottom"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom"android:background="?android:attr/windowBackground"app:menu="@menu/navigation_bottom"/></android.support.design.widget.CoordinatorLayout><!-- The navigation drawer that comes from the left --><!-- Note that `android:layout_gravity` needs to be set to 'start' --><android.support.design.widget.NavigationViewandroid:id="@+id/navigation_view"android:layout_width="match_parent"android:layout_height="match_parent"app:menu="@menu/navigation_menu"android:layout_gravity="start"app:headerLayout="@layout/navigation_header"></android.support.design.widget.NavigationView></android.support.v4.widget.DrawerLayout>

Solution 3:

There are two possible solutions to your problem.

1. It's quite easy. Give your BottomNavigationView a certain height, let's say 56dp and then give this as marginBottom of NavigationView.
2. Keep it as it is. Just assign your DrawerLayout's property layout_above="@+id/bottom_navigation.

Solution 4:

for me the bottom navigation fails to be positioned at bottom until I try this code

<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:id="@+id/drawer_layout"android:layout_width="match_parent"android:layout_height="match_parent"
><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"
    ><android.support.design.widget.CoordinatorLayoutandroid:id="@+id/container"android:layout_width="match_parent"android:layout_height="match_parent"
        ><includelayout="@layout/toolbar"android:layout_width="match_parent"android:layout_height="wrap_content" /><FrameLayoutandroid:id="@+id/frame_container"android:layout_width="match_parent"android:layout_height="match_parent"app:layout_behavior="@string/appbar_scrolling_view_behavior" /><android.support.design.widget.BottomNavigationViewandroid:id="@+id/navigation"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom"android:background="?android:attr/windowBackground"app:itemBackground="@color/bgBottomNavigation"android:foreground="?attr/selectableItemBackground"app:itemIconTint="@android:color/white"app:itemTextColor="@android:color/white"app:menu="@menu/navigation" /></android.support.design.widget.CoordinatorLayout></RelativeLayout><android.support.design.widget.NavigationViewandroid:id="@+id/nvView"android:layout_width="wrap_content"android:layout_height="match_parent"android:layout_gravity="start"android:background="@android:color/white"app:menu="@menu/drawer_view" />

So you can give it try!

and great thanks to

TechTree

for his answer