Disable Material Ripple on Tablayout

Question

I am trying to remove the Material Ripple Effect on my TabLayout's Tabs.

I am wondering if it is possible to do this?

Any ideas please?

I have tried setting the stateListAnimator to null but it still does not work

    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:stateListAnimator="@null"/>

Answer 1

app:tabBackground does not work in my case.

This is my solution:

tabLayout.setTabRippleColor(null);

Answer 2

Try to change the background, for example, use the transparent color of android.

 <android.support.design.widget.TabLayout
    android:layout_width="match_parent"
    android:layout_below="@id/toolbar"
    android:layout_height="70dip"
    app:tabBackground = "@android:color/transparent"
    app:tabMode="fixed" />

Answer 3

Add this line to TabLayout in XML: app:tabRippleColor="@null"

Answer 4

Clean code

tabLayout.setTabRippleColorResource(android.R.color.transparent);