Это изображение является примером. Мне нужно, чтобы в моем приложении была нижняя панель навигации без перекрытия.
activity_main. xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/blackgrad"
tools:context=".MainActivity">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="U P"
android:textAlignment="center"
android:textStyle="bold"
android:textSize="20sp"
android:fontFamily="@font/arkhip_font"
android:textColor="@color/darkGrey"
android:padding="10dp" />
<GridLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:columnCount="2"
android:rowCount="2"
android:background="@drawable/search_background"
android:layout_marginTop="10dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:layout_marginBottom="10dp">
<EditText
android:id="@+id/etQuery"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:ems="10"
android:padding="10dp"
android:hint="Search"
android:textColorHint="@color/black"
android:background="@drawable/search_background"
android:layout_column="0"
android:layout_columnWeight="1"
android:textColor="@color/black"
android:layout_row="0"
android:inputType="textPersonName"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btnSearch"
android:layout_column="1"
android:layout_row="0"
android:background="@drawable/search_background"
android:paddingRight="20dp"
android:drawableRight="@drawable/search"
android:text="Button"
android:textColor="@color/white"/>
</GridLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.ismaeldivita.chipnavigation.view.HorizontalMenuItemView
android:layout_width="match_parent"
android:layout_height="40dp"
android:id="@+id/horMenu"
android:layout_marginTop="7dp"
android:background="@drawable/menu_background"
android:layout_alignParentBottom="true"/>
<androidx.swiperefreshlayout.widget.SwipeRefreshLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/swipeRefresh">
<androidx.recyclerview.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:id="@+id/recyclerView"/>
</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
</RelativeLayout>
</LinearLayout>
item. xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">
<androidx.cardview.widget.CardView
android:id="@+id/cardView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
app:cardElevation="12dp"
app:cardCornerRadius="10dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/gradient">
<ImageView
android:layout_width="match_parent"
android:layout_height="270dp"
android:src="@drawable/load"
android:scaleType="centerCrop"
android:id="@+id/image"
android:transitionName="image"
tools:ignore="UnusedAttribute"/>
<ProgressBar
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:layout_gravity="center"
android:id="@+id/loading"/>
<FrameLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/image"
android:background="@drawable/round_black"
android:padding="5dp"
android:layout_alignParentLeft="true"
android:layout_marginLeft="20dp"
android:layout_marginTop="-50dp">
<ImageView
android:src="@drawable/calendar"
android:layout_width="18dp"
android:layout_height="20dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="22 DECEMBER 1997"
android:layout_marginLeft="27dp"
android:layout_marginRight="1dp"
android:id="@+id/date"
android:textColor="@color/white"/>
</FrameLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/image"
android:text="TITLE"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_marginTop="10dp"
android:fontFamily="@font/arkhip_font"
android:textSize="19sp"
android:textColor="@color/grey"
android:textStyle="bold"
android:id="@+id/title"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/desc"
android:layout_below="@id/title"
android:text="Description"
android:textColor="@color/white"
android:layout_marginLeft="16dp"
android:fontFamily="monospace"
android:textSize="14sp"
android:layout_marginTop="20dp"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="bottom">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:id="@+id/source"
android:text="SOURCE"
android:fontFamily="@font/arkhip_font"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:textSize="15dp"
android:textStyle="bold"
android:textColor="@color/white"
android:maxLines="1"
android:drawablePadding="10dp"
android:singleLine="true"
android:ellipsize="end"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/time"
android:layout_toRightOf="@id/source"
android:text="Time"
android:layout_marginTop="10dp"
android:maxLines="1"
android:drawablePadding="10dp"
android:singleLine="true"/>
</LinearLayout>
</RelativeLayout>
</androidx.cardview.widget.CardView>
</FrameLayout>
Моя нижняя панель навигации перекрывается с cardView, и я не могу показать элементы меню из-за этой проблемы. На прикрепленном изображении нижняя панель навигации находится над cardView, что делает пользовательский интерфейс красивее. Я перепробовал почти все, но все же не могу решить проблему с перекрытием.