CoordinatorLayout搭配ViewPager2与NestedScrollView高度显示异常

你的布局存在两处核心错误，直接导致ViewPager2高度显示异常，布局预览不会触发运行时的Behavior测量与滚动逻辑，因此预览效果和实际运行不一致：

• 冗余嵌套滚动容器：你将自带滚动能力（基于RecyclerView实现，已原生支持嵌套滚动）的ViewPager2放在NestedScrollView中，且两者高度都设置为match_parent。NestedScrollView测量子View时会传入UNSPECIFIED高度测量规格，ViewPager2在该规格下无法正确计算自身高度，同时双重滚动容器会导致CoordinatorLayout的AppBarLayout.ScrollingViewBehavior偏移计算失效，出现内容被AppBar遮挡、高度显示不全的问题。
• 无效属性配置：app:layout_scrollFlags是仅对AppBarLayout的直接子View生效的属性，你把它写在CollapsingToolbarLayout内部的include布局上完全不生效，会导致AppBarLayout折叠高度计算偏差，进一步挤压下方内容的可用显示区域。

• 删除包裹ViewPager2的多余NestedScrollView，ViewPager2本身已经实现了完整的嵌套滚动接口，直接将@string/appbar_scrolling_view_behavior设置在ViewPager2上即可和AppBarLayout正常联动。
• 移除include标签上无效的app:layout_scrollFlags属性，如果需要头部布局跟随折叠，可以给它配置app:layout_collapseMode属性（可选pin固定、parallax视差效果）。

修复后的核心布局代码如下：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">
    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/main_scroll"
        android:layout_width="match_parent"
        android:layout_height="@dimen/app_bar_height"
        android:fitsSystemWindows="true"
        android:background="@color/white">
        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            style="@style/Widget.MaterialComponents.Toolbar.Primary"
            android:fitsSystemWindows="true"
            app:toolbarId="@+id/title_toolbar"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="?attr/colorPrimary">
            <androidx.appcompat.widget.Toolbar
                android:id="@+id/title_toolbar"
                android:layout_width="match_parent"
                android:layout_height="?android:actionBarSize"
                app:layout_collapseMode="pin"
                app:navigationIcon="@drawable/ic_menu"
                app:popupTheme="@style/ToolbarPopupTheme"
                app:titleTextAppearance="@style/CollapsingTextAppearance"/>
            <include
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center|bottom"
                layout="@layout/header_tool_bar"
                app:layout_collapseMode="parallax"/>
        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/view_pager_2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

补充说明：如果ViewPager2内部的Fragment包含RecyclerView、NestedScrollView等可滚动组件，无需额外做嵌套滚动适配，ViewPager2会自动将滚动事件透传给CoordinatorLayout，正常触发AppBar的折叠/展开效果。

内容的提问来源于stack exchange，提问作者Clay