最后实现的正常的页面效果：

正常的效果.GIF

问题出在xml布局层级关系，只要层级关系布置好就行了，关键点就是 TabLayout+ViewPager必须在同一个ViewGroup里，DrawerLayout放在xml代码最后写，大概就是这样：

        <!-- TabLayout+ViewPager布局 -->
    <androidx.appcompat.widget.LinearLayoutCompat
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="vertical">
        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            app:tabGravity="center"" />
        <androidx.viewpager.widget.ViewPager
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1" />
    </androidx.appcompat.widget.LinearLayoutCompat>
        <!-- 侧滑抽屉 -->
    <androidx.appcompat.widget.LinearLayoutCompat
          android:layout_width="@dimen/drawer_width"
          android:layout_height="match_parent"
          android:layout_gravity="start"
          android:orientation="vertical">  
    </androidx.appcompat.widget.LinearLayoutCompat>

其实这个页面是在app里很常见的一个模式，这两货是不存在什么手势冲突的（其他页面实现不谈），只是我一个小白从别人拿接手了一个写了一点的项目，然后。。悲剧就发生了而已，昨天花了一个下午找这个问题（真的就还以为是侧滑手势导致了viewpage滑动切换页面手势失效了），今天早上决定还是从xml布局文件看起，果然同行坑同行哈哈哈哈哈。也算是学习了，感觉良好。