android - 我的 BottomNavigationBar 图标超出了屏幕

Question

我正在使用来自 here 的 BottomNavigationBar .我仔细按照每条说明进行操作，它工作正常，直到我遇到这个问题，即图标从屏幕上弹出，并且它们之间的间隙太大。

Menu_items.xml

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


    <item
            android:id="@+id/nav_Menu"
            android:enabled="true"
            android:icon="@drawable/menu"
            android:title="@string/nav_menu"
            android:visible="true"
            app:showAsAction="withText"/>
    <item
            android:id="@+id/nav_Deals"
            android:enabled="true"
            android:icon="@drawable/fire_deals_icon"
            android:title="@string/nav_deals"
            android:visible="true"
            app:showAsAction="withText"/>
    .
    .
    .
    </menu>

主菜单.xml

<RelativeLayout 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"
            android:id="@+id/main_menu_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/TextcolorforWhite"
            tools:context=".MainMenu">
   <com.ittianyu.bottomnavigationviewex.BottomNavigationViewEx
        android:id="@+id/main_nav"
        android:layout_width="wrap_content"
        android:layout_height="56dp"
        android:layout_alignParentBottom="true"
        app:menu="@menu/nav_items"/>
<View
        android:id="@+id/myProfileDivider"
        android:layout_width="match_parent"
        android:layout_above="@+id/main_nav"
        android:layout_height="0.5dp"
        android:background="@color/SettingsColor"/>

<FrameLayout
        android:id="@+id/main_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:paddingBottom="57dp"
        android:layout_above="@id/myProfileDivider">
</FrameLayout>

有什么解决办法吗？

Answer 1

在 MainMenu.xml 中(在使用 constraintLayout 的情况下，作为主父布局，使用起来更好)更改 android:layout_width="match_parent " 到 android:layout_width="0" 并添加这些:

        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"

此外，您可能必须省略:android:layout_alignParentBottom="true"。