Search code examples
androidandroid-layoutandroid-tablayout

TabLayout gravity center is not working

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.

<android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            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" />

However, my Tabs are still displayed to the left, and I'm unable to center them in the Activity.

What I'm getting is this: enter image description here

What I really want is: enter image description here

Can somebody please tell me what I'm doing wrong here? If you need additional information regarding the rest of the XML, please let me know.

Solution

  • Tab gravity only effects MODE_FIXED.

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