TabLayout overlaps ViewPager Fragment

Question

i habe TabLayout в моем приложении, где каждая вкладка имеет свой собственный фрагмент. Но я не вижу полного содержимого моего фрагмента, потому что TabLayout перекрывает нижнюю часть фрагмента. Как я могу решить проблему?

activity_main.xml

<RelativeLayout 
    android:id="@+id/main_layout" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context=".activitys.MainActivity"> 

     <de.fhbielefeld.cardash.cardash.NonSwipeableViewPager 
      android:id="@+id/viewpager" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"/> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/tab_layout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@color/colorPrimary" 
      app:tabMode="fixed" 
      app:tabGravity="fill" 
      android:layout_alignParentBottom="true"/> 



</RelativeLayout> 

fragment.xml

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

    <com.skobbler.ngx.map.SKMapViewHolder 
     android:id="@+id/map_surface_holder" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" /> 

    <android.support.design.widget.FloatingActionButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_media_pause" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true"/> 

</RelativeLayout> 

Answer 1

попробовать этот

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
app:layout_behavior="@string/appbar_scrolling_view_behavior" 
tools:context="com.union.experiment2.MainActivity" 
tools:showIn="@layout/activity_main"> 

<LinearLayout 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical"> 
<de.fhbielefeld.cardash.cardash.NonSwipeableViewPager 
    android:id="@+id/viewpager" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"/> 

<android.support.design.widget.TabLayout 
    android:id="@+id/tab_layout" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/colorPrimary" 
    app:tabMode="fixed" 
    app:tabGravity="fill" 
    android:layout_alignParentBottom="true"/> 
<include 
    layout="@layout/fragment"/> 

Надеюсь, что это будет работать сделать макет вкладки в линейной компоновке с ориентацией Verticle а затем просто включить ude вещи, которые хотите отобразить в вашем макете