Hi everyone I have the following xml layout. the m...

# compose

[Daniel Okanin]

Hi everyone I have the following xml layout. the main issue is the bottom bar here.

<?xml version="1.0" encoding="utf-8"?>
<com.houzz.app.layouts.base.MyRelativeLayout xmlns:android="<http://schemas.android.com/apk/res/android>"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/transparent">

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:id="@+id/mainDrawerContainer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/bottomBar">

        <com.houzz.app.layouts.base.MyViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <View
            android:layout_width="match_parent"
            android:layout_height="2dp"
            android:layout_gravity="bottom"
            android:background="@drawable/gradient_black_0_to_16" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

    <com.houzz.app.layouts.navigation.BottomNavigationBarLayout
        android:id="@+id/bottomBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:animateLayoutChanges="true"
        android:background="?background_primary_surface"
        android:clipChildren="false"
        android:gravity="center"
        android:orientation="horizontal" />

</com.houzz.app.layouts.base.MyRelativeLayout>

into the view pager I display a lazy column but Its seems the lazy column is drawn under the bottom bar . Do you have any idea?