Android Studio添加Bottom Navigation Bar后Activity页面全空白问题求助

1. 给BottomNavigationView添加导航菜单 #

页面空白的核心原因之一是你没有为BottomNavigationView指定可显示的导航菜单，它默认没有内容。

• 先在res/menu目录下创建菜单文件（例如menu_bottom_nav.xml）：

  <?xml version="1.0" encoding="utf-8"?>
  <menu xmlns:android="http://schemas.android.com/apk/res/android">
      <item
          android:id="@+id/nav_home"
          android:icon="@drawable/ic_home"
          android:title="首页"/>
      <item
          android:id="@+id/nav_profile"
          android:icon="@drawable/ic_profile"
          android:title="我的"/>
  </menu>
  

• 在布局中给BottomNavigationView添加app:menu属性绑定菜单：

  <com.google.android.material.bottomnavigation.BottomNavigationView
      android:id="@+id/bottomnav"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:menu="@menu/menu_bottom_nav"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent" />
  

2. 修复FrameLayout的显示问题 #

你的FrameLayout设置了layout_width="0dp"和layout_height="0dp"，本身处于不可见状态，且内部没有子控件，导致页面顶部区域空白。如果需要它承载页面内容，修改如下：

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toTopOf="@+id/bottomnav">

    <!-- 在这里添加页面内容，比如文本、Fragment容器等 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="页面内容区域"
        android:layout_gravity="center"/>

</FrameLayout>

3. 确认根布局为ConstraintLayout #

所有使用app:layout_constraint*约束属性的控件，必须以ConstraintLayout作为根布局，否则约束会失效，控件无法正确显示。确保根布局结构如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- FrameLayout和BottomNavigationView放在这里 -->

</androidx.constraintlayout.widget.ConstraintLayout>

内容的提问来源于stack exchange，提问作者Romit Shah