меню не отображается в нижней панели навигации с помощью виджета BottomNavigationView Android

Question

Я пытаюсь добавить 5 значков в нижней части панели навигации. и вот что получилось: pic1 . Когда я нажимаю внизу, другие значки отображаются только по одному за раз, как показано в pic2 . Мне нужно, чтобы это выглядело как эта картинка, pic3 . Кто-нибудь имеет представление о том, что не так с кодом?

Вот библиотеки, которые я использую:

   implementation 'com.android.support:support-core-utils:27.1.1'
implementation 'com.android.support:appcompat-v7:27.1.1'
implementation 'com.android.support:design:27.1.1'

Вот мой нижний вид компоновки навигации:

<merge xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignParentBottom="true">

    <android.support.design.widget.BottomNavigationView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/bottomNavViewBar"
        android:background="@drawable/white_grey_border_top"
        app:menu="@menu/bottom_navigation_menu">

    </android.support.design.widget.BottomNavigationView>

</RelativeLayout>

Вот файл для рисования white_grey_border_top:

 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="1dp">

<item
    android:bottom="-1dp"
    android:top="1dp"
    android:right="-1dp"
    android:left="-1dp">

    <shape
        android:shape="rectangle">
        <stroke
            android:width="1dp"
            android:color="@color/grey" />
        <solid
            android:color="@color/white" />

    </shape>

</item>

Вот мое bottom_navigation_menu:

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


<item
    android:id="@+id/ic_house"
    android:icon="@drawable/ic_house"
    android:title="">

</item>

<item
    android:id="@+id/ic_search"
    android:icon="@drawable/ic_search"
    android:title="">

</item>

<item
    android:id="@+id/ic_circle"
    android:icon="@drawable/ic_circle"
    android:title="">

</item>

<item
    android:id="@+id/ic_alert"
    android:icon="@drawable/ic_alert"
    android:title="">

</item>

<item
    android:id="@+id/ic_android"
    android:icon="@drawable/ic_android"
    android:title="">

</item>

Обновление: когда я добавляю android:backgroundTint="#1091BF" к моему нижнему виду компоновки навигации, тогда это работает, но фон синий ( pic4 ). Кроме того, я замечаю, что если я просто заменю android:color="@color/white" в моем файле для рисования white_grey_border_top на любой другой цвет, тогда все значки будут отображаться.

Answer 1

Попробуйте использовать следующее в нижнем виде компоновки навигации.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
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"
android:background="@drawable/background"
>
<FrameLayout
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    />

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigationView"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginEnd="0dp"
    android:layout_marginStart="0dp"
    android:background="?android:attr/windowBackground"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    android:backgroundTint="#1091BF"
    app:itemIconTint="#fff"
    app:itemTextColor="#fff"
    app:menu="@menu/navigation"/>

    </android.support.constraint.ConstraintLayout>

Обязательно добавьте зависимость

implementation 'com.android.support.constraint:constraint-layout:1.1.2'