我在Android Material Design的底部导航显示了一个超出应有范围的项目

我正在尝试实现底部导航，并且它向我显示了一个比应该显示的多的项目（我在我的底部导航菜单中有5个项目，它的效果是多了一个黑色）

我错过了什么？ 怎么了

这是我的主要活动.xml（顺便说一句，为什么“Hello world不在中心？”）：

和底部_navigation _menu.xml：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/page_1"
        android:enabled="true"
        android:icon="@drawable/ic_favorite"
        android:title="@string/favorites"/>
    <item
        android:id="@+id/page_2"
        android:enabled="true"
        android:icon="@drawable/ic_music"
        android:title="@string/music"/>
    <item
        android:id="@+id/page_3"
        android:enabled="true"
        android:icon="@drawable/ic_places"
        android:title="@string/places"/>
    <item
        android:id="@+id/page_4"
        android:enabled="true"
        android:icon="@drawable/ic_new"
        android:title="@string/news"/>
    <item
        android:id="@+id/page_5"
        android:enabled="true"
        android:icon="@drawable/ic_profile"
        android:title="@string/profile"/>
</menu>

---

您选择了错误的视图组。 使用ConstraintLayout并通过约束在底部对齐底部导航，或使用RelativeLayout。

---

您正在使用LinearLayout和orientation horizontal。因此，您在RelativeLayout中看到的是黑色空间，我必须使用android:layout\u alignParentBottom=“true“。这在将来不会成为问题吗？你能告诉我如何改变文本的位置吗？还有类似于此底部导航的功能？我建议使用ConstraintLayout。如果子视图数不增加，就不会有问题了好吧，我应该如何使用ConstraintLayout将底部导航与Constraint对齐，这对我来说并不明显，即使是Android Studio所建议的。

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/page_1"
        android:enabled="true"
        android:icon="@drawable/ic_favorite"
        android:title="@string/favorites"/>
    <item
        android:id="@+id/page_2"
        android:enabled="true"
        android:icon="@drawable/ic_music"
        android:title="@string/music"/>
    <item
        android:id="@+id/page_3"
        android:enabled="true"
        android:icon="@drawable/ic_places"
        android:title="@string/places"/>
    <item
        android:id="@+id/page_4"
        android:enabled="true"
        android:icon="@drawable/ic_new"
        android:title="@string/news"/>
    <item
        android:id="@+id/page_5"
        android:enabled="true"
        android:icon="@drawable/ic_profile"
        android:title="@string/profile"/>
</menu>