title: How to make TabLayout take up full width of the screen?
body: <p>My tabs on the <code>TabLayout</code> occupy the centre of the screen and are not filling the entire width even after adding <code>tabMaxWidth = "0dp"</code> as per <a href="https://stackoverflow.com/a/31620690/6527796">Adam John's answer</a>   </p>
  
  <p>That is I want by tabs to extend to fill screen like this:</p>
  
  <p><a href="https://i.stack.imgur.com/2oJDL.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/2oJDL.jpg" alt="enter image description here"></a></p>
  
  <p>But what I get is this:</p>
  
  <p><a href="https://i.stack.imgur.com/98tLr.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/98tLr.jpg" alt="enter image description here"></a>  </p>
  
  <p>My XML looks like this:  </p>
  
  <pre><code>&lt;android.support.design.widget.TabLayout
              android:id="@+id/tl_contact_type"
              style="@style/tabWidgetLayout"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              app:tabMaxWidth="0dp"
              app:tabGravity="fill"
              app:tabMode="fixed"/&gt;    
  </code></pre>
  
  <p>style.xml for <code>tabWidgetLayout</code>  </p>
  
  <pre><code>&lt;style name="tabWidgetLayout" parent="Widget.Design.TabLayout"&gt;
              &lt;item name="tabIndicatorColor"&gt;@color/colorTealAccent&lt;/item&gt;
              &lt;item name="tabIndicatorHeight"&gt;@dimen/default_corner_radius_medium&lt;/item&gt;
              &lt;item name="tabBackground"&gt;?attr/selectableItemBackground&lt;/item&gt;
              &lt;item name="android:background"&gt;@color/colorBrandPrimaryDark&lt;/item&gt;
              &lt;item name="tabSelectedTextColor"&gt;@color/color_tab_selected_text&lt;/item&gt;
              &lt;item name="tabTextAppearance"&gt;@style/tabWidgetLayoutTextAppearance&lt;/item&gt;
          &lt;/style&gt;
  </code></pre>
  
  <p>Any help to fix this is much appreciated.</p>