Navigation Drawer Activity项目跳转非菜单Fragment出现重叠问题

根本原因 #

你当前使用的Navigation Drawer Activity默认集成了Android Navigation组件，R.id.nav_host_fragment是Navigation组件的核心路由容器NavHostFragment，它内部独立维护了Fragment栈和页面管理逻辑。你直接使用原生FragmentManager替换该容器，相当于在Navigation托管的原有页面之上叠加新Fragment，自然会出现重叠。

推荐解决方案（适配Navigation组件） #

不需要手动编写FragmentTransaction代码，按照Navigation组件的规范操作即可：

步骤1：添加目标Fragment到导航图 #

打开项目中res/navigation/mobile_navigation.xml，将非菜单的目标Fragment添加为导航节点：

<fragment
    android:id="@+id/target_fragment"
    android:name="你的应用包名.TargetFragment"
    android:label="目标页面名称" />

步骤2：调用Navigation API跳转 #

在当前需要触发跳转的位置调用导航API即可：

// 无参跳转
Navigation.findNavController(requireView()).navigate(R.id.target_fragment);

// 带参跳转示例
Bundle args = new Bundle();
args.putString("data_key", "需要传递的参数");
Navigation.findNavController(requireView()).navigate(R.id.target_fragment, args);

跳转后的回退逻辑由Navigation组件自动管理，不需要额外处理。

特殊场景方案（必须使用原生FragmentManager） #

如果有特殊需求无法使用Navigation组件路由，可以按以下方式修改：

1. 修改content_main.xml新增独立的Fragment容器，和原有nav_host_fragment平级：

<androidx.constraintlayout.widget.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"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/app_bar_main">

    <fragment
        android:id="@+id/nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:defaultNavHost="true"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:navGraph="@navigation/mobile_navigation" />

    <!-- 新增原生Fragment容器 -->
    <FrameLayout
        android:id="@+id/custom_fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

2. 跳转时切换容器可见性，向新容器添加Fragment：

// 隐藏Navigation托管的页面
requireActivity().findViewById(R.id.nav_host_fragment).setVisibility(View.GONE);
// 显示自定义容器
FrameLayout customContainer = requireActivity().findViewById(R.id.custom_fragment_container);
customContainer.setVisibility(View.VISIBLE);
// 替换自定义容器内容
requireActivity().getSupportFragmentManager()
    .beginTransaction()
    .replace(R.id.custom_fragment_container, nextFrag)
    .commit();

从目标Fragment返回时，记得将nav_host_fragment重新设置为可见，隐藏自定义容器即可。

注意：如果跳转后仍有轻微重叠，检查所有Fragment的根布局是否设置了不透明背景，比如添加android:background="?android:attr/colorBackground"属性，避免透明背景透出下层页面内容。

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