tablayout＆＃x2B; ViewPager -ViewPager正在剪断Tablayout高程

Question

我有底部TableAut，该已连接到上面的ViewPager。 TableOut具有顶部高程，应在ViewPager前可见（想要在每个viewPager页面的底部具有凉爽的高程淡出效果） 。应该将同样的内容应用于viewPager中的任何内容。问题是，这个高程是某种程度上被删除的，我根本看不到它。 ViewPager页面也打开底部纸，因此我想具有相同的效果，即BottomSheet是从Tablayout的背后窥视的。

布局：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/paper_transparent"
    android:clipToPadding="false"
    android:clipChildren="false">

    <components.NonSwipableViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/tabLayout"
        android:clipChildren="false"
        android:clipToPadding="false"
        android:overScrollMode="never">

    </components.NonSwipableViewPager>

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:clipToPadding="false"
        android:clipChildren="false"
        style="@style/main_tab">

        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout="@layout/main_tab_layout" />

        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout="@layout/main_tab_layout"/>

    </com.google.android.material.tabs.TabLayout>

</RelativeLayout>

样式：

<style name="main_tab">
        <item name="android:elevation">@dimen/padding_large</item>
        <item name="android:paddingTop">@dimen/padding_small</item>
        <item name="android:paddingBottom">@dimen/padding_medium</item>
        <item name="android:background">@color/paper_transparent</item>
        <item name="tabMaxWidth">0dp</item>
        <item name="tabGravity">fill</item>
        <item name="tabMode">fixed</item>
        <item name="tabIconTint">@color/tab_icon_tint</item>
        <item name="tabIndicator">@drawable/tab_indicator</item>
        <item name="tabIndicatorColor">@color/tab_color</item>
        <item name="tabIndicatorGravity">center</item>
        <item name="tabIndicatorFullWidth">false</item>
        <item name="tabIndicatorHeight">50dp</item>
        <item name="tabRippleColor">@null</item>
    </style>