Как правильно отображать обведенный значок в Android нижнем окне навигации

Question

В моем текущем приложении Android используется com.google.android.material.bottomnavigation.BottomNavigationView

У меня есть четыре значка, одна из которых является стандартным android векторным изображением для person outline

which looks like above

however in the Apps bottom navigation window it resembles the following:-

введите описание изображения здесь

мой xml макет панели навигации выглядит следующим образом: -

<com.google.android.material.bottomnavigation.BottomNavigationView
    android:id="@+id/home_bottom_navigation_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:itemTextColor="@color/bottom_navigation_bar_color"
    app:itemIconTint="@color/bottom_navigation_bar_color"
    android:layout_alignParentBottom="true"
    android:layout_marginStart="0dp"
    android:layout_marginEnd="0dp"
    android:background="?android:attr/windowBackground"
    app:labelVisibilityMode="unlabeled"
    app:menu="@menu/bottom_nav_menu" />

Что я сделал не так, чтобы обведенный значок не отображался правильно?

Answer 1

С помощью app:itemIconTint="@color/bottom_navigation_bar_color" вы устанавливаете цвет значка. Думаю, это может решить вашу проблему. См. Документы: https://material.io/develop/android/components/bottom-navigation/