Android Design Support TabLayout перекрывающийся контент
Я использую новый TabLayout, представленный в библиотеке поддержки дизайна. У меня есть такой код:
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="match_parent"
android:layout_width="match_parent">
<android.support.design.widget.CoordinatorLayout
android:id="@+id/lines_coordinator"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:elevation="4dp"/>
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</android.support.design.widget.CoordinatorLayout>
</LinearLayout>
Проблема заключается в том, что вкладки перекрывают верхнюю часть содержимого, отображаемого фрагментами. Как я могу это исправить? Я использую TabLayout, как в примерах на Github, поэтому я считаю, что с моим кодом проблем нет. У меня уже есть панель инструментов, потому что я использую вкладки во фрагменте в блоке навигации, поэтому я удалил ее из AppBarLayout.