Android ViewPager搭配TabLayout偶发标签栏wrap_content居中异常如何解决？

问题根因 #

1. 未调用TabLayout的setupWithViewPager方法和ViewPager绑定，偶发测量时序异常时TabLayout无法获取正确的宽度参数，自动变成wrap_content样式
2. XML布局结构不符合规范：TabLayout作为ViewPager的子节点是废弃用法，额外添加的Flow约束组件仅控制单个View无意义，反而可能干扰宽高测量
3. TabLayout缺少强制铺满宽度的核心配置属性

修复方案 #

1. 修改XML布局

调整结构，删除无用的Flow组件，给TabLayout添加铺满属性，配置正确的约束：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:ignore="MissingConstraints">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tabLayout"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:tabTextAppearance="@style/TabLayoutCustomTextAppearance"
            <!-- 新增两个强制铺满属性 -->
            app:tabMode="fixed"
            app:tabGravity="fill"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"/>

        <androidx.viewpager.widget.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintTop_toBottomOf="@id/tabLayout"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"/>

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

属性说明：

• app:tabMode="fixed"：固定标签数量，禁止横向滚动
• app:tabGravity="fill"：所有标签平分TabLayout的完整宽度

2. 补充ViewPager和TabLayout的绑定逻辑

修改onViewCreated方法，新增绑定代码：

@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    binder.viewPager.setAdapter(new RotativeInventorySupplyUDFragment.PageAdapterInternal(getChildFragmentManager()));
    binder.viewPager.setOffscreenPageLimit(2);
    // 新增绑定代码
    binder.tabLayout.setupWithViewPager(binder.viewPager);
}

兜底兼容（可选）

如果修改后仍有极小概率复现，可以在绑定后添加强制宽度设置代码：

TabLayout.LayoutParams params = (TabLayout.LayoutParams) binder.tabLayout.getLayoutParams();
params.width = ViewGroup.LayoutParams.MATCH_PARENT;
binder.tabLayout.setLayoutParams(params);

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