DrawerLayout与ViewPager2、NavHostFragment结合后菜单无法选中问题求助

问题根源 #

1. DrawerLayout布局顺序错误：DrawerLayout要求第一个子View是主内容区域，抽屉视图（NavigationView）需放在后面。你当前把NavigationView放在FragmentContainerView前面，导致主内容被抽屉覆盖，点击事件传递异常，抽屉会误判点击区域自动关闭。
2. 重复绑定菜单监听器：在MainActivity和ViewPagerFragment中都给NavigationView设置了setNavigationItemSelectedListener，Fragment的设置会覆盖Activity的，且重复绑定会导致事件处理逻辑混乱。

修复步骤 #

1. 修正activity_main.xml的子View顺序 #

将主内容（FragmentContainerView）移到NavigationView前面，符合DrawerLayout的布局规则：

<?xml version="1.0" encoding="utf-8"?>
<layout>

    <androidx.drawerlayout.widget.DrawerLayout 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:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

        <!-- 主内容区域：必须是DrawerLayout的第一个子View -->
        <androidx.fragment.app.FragmentContainerView
            android:id="@+id/fragmentContainerView"
            android:name="androidx.navigation.fragment.NavHostFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:defaultNavHost="true"
            app:navGraph="@navigation/my_nav" />

        <!-- 抽屉视图：放在主内容后面 -->
        <com.google.android.material.navigation.NavigationView
            android:id="@+id/navView"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:fitsSystemWindows="true"
            app:headerLayout="@layout/nav_header"
            app:menu="@menu/nav_menu" />

    </androidx.drawerlayout.widget.DrawerLayout>
</layout>

2. 移除Fragment中的重复监听器 #

删除ViewPagerFragment里这段重复绑定的代码，所有抽屉菜单逻辑统一在MainActivity中处理：

// 删掉这段代码
(activity as AppCompatActivity).navView.setNavigationItemSelectedListener {
    when (it.itemId) {
        R.id.firstItem -> {
            println("viewpagerfragment")
            Toast.makeText(requireContext(), "First Item Selected", Toast.LENGTH_LONG)
                .show()
            println("First Item")
        }
        R.id.secondItem -> {
            Toast.makeText(requireContext(), "Second Item Selected", Toast.LENGTH_LONG)
                .show()
            println("Second Item")
        }

        R.id.thirdItem -> {
            Toast.makeText(requireContext(), "Third Item Selected", Toast.LENGTH_LONG)
                .show()
        }
    }
    true
}

3. 在MainActivity中手动关闭抽屉 #

处理完菜单逻辑后，调用closeDrawer方法主动关闭抽屉，确保交互正常：

navView.setNavigationItemSelectedListener {
    when (it.itemId) {
        R.id.firstItem -> {
            Toast.makeText(applicationContext, "First Item Selected", Toast.LENGTH_LONG)
                .show()
            println("First Item")
        }
        R.id.secondItem -> {
            Toast.makeText(applicationContext, "Second Item Selected", Toast.LENGTH_LONG)
                .show()
            println("Second Item")
        }

        R.id.thirdItem -> {
            Toast.makeText(applicationContext, "Third Item Selected", Toast.LENGTH_LONG)
                .show()
        }
    }
    // 手动关闭抽屉
    drawer_layout.closeDrawer(GravityCompat.START)
    true
}

4. 优化Fragment的ActionBar设置 #

Fragment中设置setDisplayHomeAsUpEnabled(true)会覆盖Activity的抽屉按钮逻辑，仅保留标题设置即可：

// 只保留标题设置，移除setDisplayHomeAsUpEnabled
(activity as AppCompatActivity).supportActionBar?.title = "Ingredient Display"

修复后效果 #

• 点击抽屉图标可正常展开菜单
• 选择菜单项时，执行对应逻辑后抽屉自动关闭
• 不会出现抽屉误关闭、无法选中的问题

内容的提问来源于stack exchange，提问作者Mustafa Dogan