title: How do I load two fragments vertically in the same layout?
body: <p>I am making an app for my university's SafeWalk program and I am trying to make an activity that will display a map fragment with a button bar below it with emergency call buttons. The problem I am running in to is that when I load the following layout file, only the map fragment is displayed, and not the buttons along the bottom. </p>
  
  <p>Note: I am also using a navigation drawer in this layout so I have included that code in case it is conflicting. </p>
  
  <p>I have tried changing the layout_width and layout_height values of the two parent FrameLayouts 
  and I only can obtain one of two results, a full page of map, or a full page of my buttons (stretched to the top). I can attach the layout for the CallButtonFragment if necessary, but it is a horizontal linear layout with the button bar style containing two buttons. </p>
  
  <p>
  </p>
  
  <pre><code>&lt;RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_alignParentTop="true"
      android:orientation="vertical" &gt;
  
      &lt;!-- The main content view --&gt;
  
      &lt;FrameLayout
          android:id="@+id/content_frame"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentTop="true" &gt;
  
          &lt;fragment
              android:id="@+id/map"
              android:name="com.google.android.gms.maps.MapFragment"
              android:layout_width="match_parent"
              android:layout_height="match_parent" /&gt;
      &lt;/FrameLayout&gt;
  
      &lt;FrameLayout
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentBottom="true"
          android:layout_below="@+id/content_frame" &gt;
  
          &lt;fragment
              android:id="@+id/titles"
              android:name="edu.purdue.SafeWalk.CallButtonFragment"
              android:layout_width="match_parent"
              android:layout_height="match_parent" /&gt;
      &lt;/FrameLayout&gt;
  &lt;/RelativeLayout&gt;
  &lt;!-- The navigation drawer --&gt;
  
  &lt;ListView
      android:id="@+id/left_drawer"
      android:layout_width="240dp"
      android:layout_height="match_parent"
      android:layout_gravity="start"
      android:background="#111"
      android:choiceMode="singleChoice"
      android:divider="@android:color/transparent"
      android:dividerHeight="0dp" /&gt;
  </code></pre>
  
  <p></p>
  
  <p>Following the suggestion of Android-er-naut below, I have this result: 
  (It is an improvement, but the buttons need to be a bit larger and fit the width of the screen.)</p>
  
  <p><img src="https://i.stack.imgur.com/NIlGm.png" alt="Using the suggestion from the below answer, I get this."></p>