Скрыть заголовок и увеличить только один значок в BottomNavigationView android

Question

Мне нужно сделать пользовательским BottomNavigationView, у которого в центре есть значок большего размера без заголовка , как на рисунке ниже, а другие значки имеют нормальный размер и имеют заголовок под каждым значком. Я использую библиотеку компонента навигации android. Как этого добиться?

моя активность_основ. xml

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.main.MainActivity">

    <fragment
        android:id="@+id/main_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toTopOf="@+id/bottom_navigation"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:navGraph="@navigation/nav_graph" />

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:labelVisibilityMode="labeled"
        android:background="#FFF"
        app:itemIconTint="@drawable/nav_item_color_state"
        app:itemTextColor="@drawable/nav_item_color_state"
        app:layout_constraintBottom_toBottomOf="parent"
        app:menu="@menu/main_navigation_menu" />

</androidx.constraintlayout.widget.ConstraintLayout>

и main_navigation_menu

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">

<item
    android:id="@+id/billFragment"
    android:checkable="true"
    android:icon="@drawable/ic_bill"
    android:title="@string/bill"
    app:showAsAction="always"
    tools:ignore="AlwaysShowAction" />

<item
    android:id="@+id/paymentsFragment"
    android:checkable="true"
    android:icon="@drawable/ic_payments"
    android:title="@string/payments"
    app:showAsAction="always" />

<item
    android:id="@+id/cachedFragment"
    android:checkable="true"
    android:icon="@drawable/ic_cached"
    android:title="@string/cached"
    app:showAsAction="always" />

<item
    ... />

<item
    ... />

</menu>

Answer 1

Для среднего элемента установите его название на "". Чтобы увеличить среднюю иконку, см. Здесь: Изменить размер иконки нижней панели android