如何在android底部導航視圖中更改文本填充

Question

我正在使用 Android 應用程序的底部導航視圖。 我增加了圖標的大小，但現在圖標覆蓋了文本。 這是我看到的：

這是根據谷歌設計文檔的底部導航視圖的圖表：

數字 10，我想更改填充，但是當我查看導航欄的屬性時，我看不到在哪里可以做到。 如何將其更改為較小的數字？ 在我的 bottom_layout.xml 中，我正在像這樣設置我的項目：

<item
    android:id="@+id/menu_notifications"
    android:title="Professionals"
    android:icon="@drawable/ic_action_name"
    app:showAsAction="ifRoom"
    />

如何更改底部文本填充？

謝謝

Answer 1

您BottomNavigationView通過覆蓋以下尺寸來更改BottomNavigationView的高度

<dimen name="design_bottom_navigation_height" tools:override="true">52dp</dimen>

這將增加高度並放下文本以避免重疊。

Answer 2

我能夠使用形狀更改項目的頂部和底部填充，並將其設置在app:itemBackground的app:itemBackground屬性中。

創建my_shape.xml，這里可以改變上下padding

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/transparent" />
    <padding
        android:bottom="5dp"
        android:top="5dp"
    />
</shape>

然后，創建 my_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:state_checked="true"
        android:drawable="@drawable/my_shape" />

</selector>

最后，將您的 BottomNavigationView 的 itemBackground 設置為：

app:itemBackground="@drawable/my_selector"