如何确保颜色填充在整个底部导航视图中？

Question

我现在正面临一个问题，因为我试图暗示app:itemBackground="@color/purpleBoo"中的色彩功能背景

但是颜色看起来好像不填写整个底部导航？为什么这发生在我身上？

我的底部导航代码

<?xml version="1.0" encoding="utf-8"?>
<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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_nav"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        app:itemBackground="@color/purpleBoo"
        app:menu="@menu/bottom_nav_menu"
        app:itemIconTint="@color/bottom_nav_color"
        app:itemTextColor="@color/bottom_nav_color"/>
</RelativeLayout>

Answer 1

对于正在使用底部导航面板的当前布局，可以将其最大宽度设置为“ match_parent”，这样颜色也将在width部分内可用。

好吧，如果面板周围的空白干扰了应用程序的外观，那么您可以更改整个布局的背景，这样看起来会更好。

Answer 2

只需在BottomNavigationView中添加android android：background =“ @ color / purpleBoo”

<?xml version="1.0" encoding="utf-8"?>
    <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:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">


        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_nav"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            app:itemBackground="@color/purpleBoo"
            app:menu="@menu/bottom_nav_menu"
            android:background="@color/purpleBoo"
            app:itemIconTint="@color/bottom_nav_color"
            app:itemTextColor="@color/bottom_nav_color"/>
    </RelativeLayout>