TabLayout与ViewPager渲染异常问题求助

问题原因 #

该错误源于Material Components组件（如TabLayout）依赖特定的Material主题，若当前Activity未使用正确的Material主题，系统会误将attr类型的textAppearanceButton当作style类型解析，进而触发渲染冲突。

解决方案 #

1. 为Activity配置Material主题 #

在res/values/styles.xml中，修改Activity对应的主题，让它继承Material Components主题：

<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

接着在AndroidManifest.xml中为目标Activity指定该主题：

<activity
    android:name=".CompoundInterest"
    android:theme="@style/AppTheme">
</activity>

2. 统一依赖库版本 #

检查Module级别的build.gradle，确保Material库与AndroidX组件版本兼容，避免版本冲突：

dependencies {
    implementation 'com.google.android.material:material:1.11.0'
    implementation 'androidx.viewpager:viewpager:1.0.0'
    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
}

3. 清理缓存并重建项目 #

• 执行Build > Clean Project
• 执行Build > Rebuild Project
• 执行File > Invalidate Caches...，选择Invalidate and Restart重启IDE

4. 优化TabLayout布局（可选） #

将布局中TabLayout的固定宽度409dp改为match_parent，适配不同屏幕尺寸：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="86dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

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