How to make TabLayout take up full width of the screen?
<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>