Skip to content Skip to sidebar Skip to footer
Home / Android / Android Layout / Android Tablayout

TabLayout Gravity Center Is Not Working

Post a Comment
I have a TabLayout, where I want the tabs to be displayed in the center of the screen. Below is the XML for my TabLayout.

Solution 1:

Tab gravity only effects MODE_FIXED.

One possible solution is to set your layout_width to wrap_content and layout_gravity to center_horizontal


Solution 2:

Ok, so the problem was with layout_width="match_parent"

When I changed that to layout_width="wrap_content", it solved my problem.

The final XML is:

<android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@color/white"
        app:tabGravity="center"
        app:tabIndicatorColor="@color/about_tab_selected"
        app:tabIndicatorHeight="4dp"
        app:tabMode="scrollable"
        app:tabPaddingEnd="20dp"
        app:tabPaddingStart="20dp"
        app:tabSelectedTextColor="@color/about_tab_selected"
        app:tabTextAppearance="@style/UGTabTextAppearance"
        app:tabTextColor="@color/about_tab_unselected" />

You may like these posts

Post a Comment for "TabLayout Gravity Center Is Not Working"