Уменьшить расcтояние между иконкой и текстом в TabLayout

У меня есть такой tablayout

1]

Расстояние между текстом и значком слишком большое. Я хочу tablayout как здесь

введите сюда описание изображения

Расстояние здесь небольшое. Я не знаю, как это сделать.

Мой xml код:

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:background="@android:color/transparent"
    app:tabIndicator="@null"
    app:tabIconTint="@color/tabs_color"
    app:tabTextColor="#707070"
    style="@style/MainTabLayout">

    <com.google.android.material.tabs.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:icon="@drawable/ic_tab_lessons"
        android:text="@string/lessons"/>

    <com.google.android.material.tabs.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:icon="@drawable/ic_tab_tasks"
        android:text="@string/homework" />

    <com.google.android.material.tabs.TabItem
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:clickable="false"
        android:saveEnabled="false"/>

    <com.google.android.material.tabs.TabItem
        android:id="@+id/tabItem6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:icon="@drawable/ic_tab_marks"
        android:text="@string/grades" />

    <com.google.android.material.tabs.TabItem
        android:id="@+id/tabItem7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:icon="@drawable/ic_tab_rings"
        android:text="@string/rings" />
</com.google.android.material.tabs.TabLayout>

И стили:

<style name="MainTabLayoutText">
    <item name="android:textSize">14sp</item>
    <item name="fontFamily">@font/productsans_regular</item>
    <item name="textAllCaps">false</item>
</style>

<style name="MainTabLayout">
    <item name="colorAccent">#707070</item>
    <item name="tabIndicatorColor">@android:color/transparent</item>
    <item name="tabSelectedTextColor">@color/text_color_change_onclick</item>
    <item name="tabTextAppearance">@style/MainTabLayoutText</item>
</style>

Может кто-нибудь помочь мне?


Ответы (0 шт):