Android TabLayout - вкладки сбрасываются влево

Question

Я внедрил рабочий TabLayout. Вот xml:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/appbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:fitsSystemWindows="true" 
     app:elevation="4dp"> 

    <android.support.design.widget.TabLayout 
     android:id="@+id/club_sliding_tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:tabGravity="fill" 
     app:tabMode="scrollable" 
     app:tabSelectedTextColor="@android:color/white" 
     app:tabTextColor="#EEEEEE"/> 

    </android.support.design.widget.AppBarLayout> 

    <android.support.v4.view.ViewPager 
     android:id="@+id/pager" 
     android:layout_width="match_parent" 
     android:layout_height="0px" 
     android:layout_weight="1" 
     android:background="@android:color/white"/> 

</LinearLayout> 

Затем я загружаю его с 4 вкладками. Затем происходит то, что вкладки не заполняют экран по ширине, но они «линейно» добавляются слева, так что в правом конце панели вкладок пустое пространство.

Я попытался tabMode="fixed" но приводит к тому, вкладка заголовки, которые будут разбиты на две строки, например:

CALEND 
AR 

Любой была такая же проблема и решить ее? Благодарю.

Answer 1

Используйте app:tabMode="fixed" вместо прокручиваемого.

EDIT: - Для изменения размера текста в закладке макета

Чтобы зафиксировать размер текста в закладках

<style name="MyTabLayoutTextAppearance" parent="TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse"> 
    <item name="android:textSize">14sp</item> 
</style> 

и

app:tabTextAppearance="@style/MyTabLayoutTextAppearance"