Adding Padding in Tabs in Android

In the app, which I am making at my job, I had a situation where I needed a huge number of tabs with the Fragment View Pager. I used a typical TabLayout and ViewPager with a custom FragmentPagerAdapter class as the adapter for ViewPager.

This is TabLayout and ViewPager in XML layout.

<android.support.design.widget.CoordinatorLayout>

    <android.support.design.widget.AppBarLayout>
    
        <android.support.v7.widget.Toolbar/>
        
        <android.support.design.widget.TabLayout
                android:id="@+id/tabs"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                app:tabMode="scrollable"/>
    
    </<android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"  />

</android.support.design.widget.CoordinatorLayout>

But, as I run it, this is how it looked like:

Tabs without Padding Tabs without Padding

But, in Android Support library, there are two attributes for TabLayout which can fix this issue very easily. Just add these two lines in TabLayout and you’re done!

app:tabPaddingStart="10dp"
app:tabPaddingEnd="10dp"

Now, when you run, app will show like this:

Tabs with Padding Tabs with Padding


If you liked this article, you can read my new articles below:


Wajahat Karim is Pakistan’s first Google Developer Expert in Android. As an experience Android developer, he deeply cares about it and keeps writing and speaking about it. He has written two worldwide 300+ pages books on Android development with more than 100 articles around the internet either on his website or his Medium publications. He is also a passionate contributor in open source and has created many Android libraries used by thousands of developers in their apps worldwide. As active public speaker, he spends lots of time giving talks in conferences and motivating people on Android development. You can find Wajahat most active on Twitter @WajahatKarim where he regularly shares all the good stuff about Android and community building.

Author's picture

Wajahat Karim

🔥 Google Dev Expert (GDE) in Android .
📱 Android Dev. 💻 Open Source Contributor . 📝 Technical Writer . 🎤 Public Speaker

Senior Android Developer

Karachi, Pakistan