我已经实现了一个工作的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="fix"，但这会导致选项卡标题被分成两行，例如：

CALEND
AR

有人遇到同样的问题并解决了吗？谢谢。