Пользовательский стиль com.google.android.material.tabs.TabLayout

Question

Я использую новые Google Material Components для Android

В настоящее время я пытаюсь настроить внешний вид Tablayout (com.google.android.material.tabs.TabLayout).

Я создал стиль следующим образом:

<style name="AppTheme.TabLayout" parent="Widget.MaterialComponents.TabLayout">
    <item name="android:background">@color/colorPrimary</item>
</style>

Однако после применения этой темы индикатор вкладки становится невидимым .

Без темы:

С темой:

Кроме того, я пробовал другие вещи, такие как изменение tabIndicatorColor и все еще не работает!

Как мне это исправить? Как правильно изменить цвета / тему компонентов материала?

Answer 1

С этими изменениями все работает как положено:

<com.google.android.material.tabs.TabLayout
     android:id="@+id/tabLayout"
     style="@style/AppTheme.TabLayout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     app:layout_collapseMode="pin"
     app:tabGravity="fill"
     app:tabTextAppearance="@style/customFontStyle">

     //Tab items maybe

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

styles.xml:

<style name="AppTheme.TabLayout" parent="Widget.MaterialComponents.TabLayout">
    <item name="android:background">@color/colorPrimary</item>
    <item name="tabIndicatorColor">@color/yourcolor</item>
</style>

Результат: