底部导航：减少文字下方空间的方法

Question

图标和文字下方空间过多，如下图所示。

你能让我知道如何减少这种情况吗？

<com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_navigation_view"
        android:layout_width="0dp"
        android:layout_height="120dp"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="#FFFFFF"
        app:itemPaddingTop="10dp"
        app:itemIconSize="27dp"
        app:itemTextAppearanceActive="@style/BtmNavSelectedTextStyle"
        app:itemTextAppearanceInactive="@style/BtmNavUnselectedTextStyle"
        app:labelVisibilityMode="labeled"
        app:itemHorizontalTranslationEnabled="false"
        app:itemBackground="@android:color/transparent"
        app:itemActiveIndicatorStyle="@android:color/transparent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/menu_bottom_nav" />

我尝试降低高度，但是图标和文字的位置没有改变，只是高度变短了，导致图标顶部被切掉了。

Answer 1

将高度设置为wrap_content

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/bottom_navigation_view"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="0dp"
    android:layout_marginEnd="0dp"
    android:background="#FFFFFF"
    app:itemPaddingTop="10dp"
    app:itemIconSize="27dp"
    app:itemTextAppearanceActive="@style/BtmNavSelectedTextStyle"
    app:itemTextAppearanceInactive="@style/BtmNavUnselectedTextStyle"
    app:labelVisibilityMode="labeled"
    app:itemHorizontalTranslationEnabled="false"
    app:itemBackground="@android:color/transparent"
    app:itemActiveIndicatorStyle="@android:color/transparent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/menu_bottom_nav" />