Dus
Dus

Reputation: 4240

Remove the shadow below TabLayout on android

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"/>

Upvotes: 16

Views: 14264

Answers (5)

wahyu dwi
wahyu dwi

Reputation: 1

on your activity write this

supportActionBar?.elevation = 0f

Upvotes: 0

Sarath SVS
Sarath SVS

Reputation: 49

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

Upvotes: 0

Ante Krištić
Ante Krištić

Reputation: 1

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

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

    getSupportActionBar().setElevation(0);

Upvotes: -2

shiguiyou
shiguiyou

Reputation: 401

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

Upvotes: 8

Steve McMeen
Steve McMeen

Reputation: 603

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.

Upvotes: 51

Related Questions