TabItem文本背景设置不正确:Android Studio

问题描述

我正在设计带有两个tabitem的选项卡布局。我想将Tabitem文本背景设为黄色和蓝色。但是白色的背景就要来了。此外,由于文本的白色背景,因此没有显示tabindicator。

tab text background looks like this

       <com.google.android.material.tabs.TabLayout
            android:id="@+id/bsu_tabLayout"
            android:layout_width="match_parent"
            android:layout_height="70dp"
            app:tabTextColor="@color/text1"
            android:layout_margin="10dp"
            android:padding="10dp"
            app:tabIndicatorColor="@color/buttonback2"
            app:tabIndicatorGravity="stretch"
            app:tabGravity="fill"
            app:tabIndicatorHeight="4dp"
            app:tabBackground="@drawable/signup_tab_background">

            <com.google.android.material.tabs.TabItem
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:background="#E0E"
                android:text="Signup">

            </com.google.android.material.tabs.TabItem>
            <com.google.android.material.tabs.TabItem
                android:layout_margin="20dp"
                android:padding="10dp"
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:text="Login">

            </com.google.android.material.tabs.TabItem>
        </com.google.android.material.tabs.TabLayout>

        <androidx.viewpager.widget.ViewPager
            android:id="@+id/bsu_viewPager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/bsu_tabLayout"
            android:layout_centerInParent="true"
            android:layout_marginTop="100dp"
            android:background="@color/background"/>

我应该如何去除白色部分?

解决方法

请删除tabBackground并检查。

app:tabBackground="@drawable/signup_tab_background"