java - Android - ViewPager doesn't work correctly -

i want achieve this

i made this

problem :

i made fragment include 3 tabs

i want put 2 tabs in bottom tripadvisor

xml code :

<?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.tablayout         android:id="@+id/tabs"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:background="@color/material_blue_grey_800"         app:tabgravity="fill"         app:tabindicatorcolor="@color/orange"         app:tabmode="fixed"         app:tabselectedtextcolor="@color/orange"         app:tabtextcolor="@color/white"         >      </android.support.design.widget.tablayout>      <android.support.v4.view.viewpager         android:id="@+id/viewpager"         android:layout_width="match_parent"         android:layout_height="wrap_content"         >      </android.support.v4.view.viewpager>  </linearlayout>