Remove the shadow below TabLayout on android

Question

I'm trying to remove the shadow below tabs while using TabLayout, which is defined in a normal layout (and not as a part of a toolbar or actionbar).

Setting theme as

<item name="android:windowContentOverlay">@null<item/>

or

<item name="windowContentOverlay">@null<item/>

didn't work.

Also, setting elevation to 0 didn't help either.

 <android.support.design.widget.TabLayout xmlns:app="http://schemas.android.com/apk/res-auto"
                android:id="@+id/sliding_tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:background="@android:color/white"
                app:backgroundTint="@android:color/transparent"
                app:tabIndicatorColor="@android:color/transparent"
                app:tabMode="scrollable"/>

Answer 1

I'm assuming your TabLayout is inside AppBarLayout, that shadow comes with AppBarLayout, add this app:elevation="0dp" to that widget and I believe you're good to go.

Answer 2

I try app:elevation="0dp" work and android:elevation="0dp" does not work in AppBarLayout

Answer 3

I had to set the elevation to 0dp and I also change the theme of AppBarLayout to @style/Base.Widget.Design.TabLayout and it worked for me

Answer 4

Put getSupportActionBar().setElevation(0); in MainActivity java file like this:

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    getSupportActionBar().setElevation(0);