DrawerLayout中FrameLayout切换Fragment堆叠问题求助

你的问题根源在于使用了transaction.add()方法加载Fragment——这个方法会将新的Fragment追加到容器中，不会移除之前已存在的Fragment，多次点击导航项后，多个Fragment就会在容器里堆叠，导致界面重叠。

以下是两种针对性的解决方案：

方案1：使用replace()替代add()（简单直接，适合不需要保留Fragment状态的场景） #

replace()方法会先移除容器内所有已有的Fragment，再添加新的Fragment，从根本上避免堆叠。

修改你的loadFragment方法：

private void loadFragment(Fragment fragment) {
    FragmentManager manager = getSupportFragmentManager();
    FragmentTransaction transaction = manager.beginTransaction();
    
    // 用replace替换add，移除旧Fragment并添加新的
    transaction.replace(R.id.fragment_container, fragment);
    
    // 若不需要返回上一个Fragment，注释掉下面这行；若需要回退功能，保留
    // transaction.addToBackStack(null);
    
    transaction.commit();
}

方案2：使用hide()/show()管理Fragment（适合需要保留Fragment状态的场景） #

如果希望切换Fragment时保留之前的状态（比如输入框内容、RecyclerView滚动位置），可以通过给Fragment设置标签，切换时隐藏当前Fragment、显示目标Fragment（若目标Fragment不存在则添加）。

修改loadFragment方法，增加标签参数：

private void loadFragment(Fragment fragment, String fragmentTag) {
    FragmentManager manager = getSupportFragmentManager();
    Fragment currentFragment = manager.findFragmentById(R.id.fragment_container);
    FragmentTransaction transaction = manager.beginTransaction();
    
    // 隐藏当前显示的Fragment
    if (currentFragment != null) {
        transaction.hide(currentFragment);
    }
    
    // 检查目标Fragment是否已存在
    Fragment targetFragment = manager.findFragmentByTag(fragmentTag);
    if (targetFragment != null) {
        // 存在则直接显示
        transaction.show(targetFragment);
    } else {
        // 不存在则添加并设置标签
        transaction.add(R.id.fragment_container, fragment, fragmentTag);
    }
    
    transaction.commit();
}

调用时传入对应标签：

public boolean onNavigationItemSelected(@NonNull MenuItem item) {
    switch (item.getItemId()){
        case R.id.nav_profile:
            loadFragment(new ProfileFragment(), "TAG_PROFILE");
            break;
        case R.id.nav_logout:
            logoutPrompt();
            break;
        default:
            loadFragment(new HomeFragment(), "TAG_HOME");
            break;
    }
    drawerLayout.closeDrawer(GravityCompat.START);
    return true;
}

额外注意事项 #

• 如果之前已经通过add()添加了多个Fragment，首次使用replace()时会自动移除所有旧Fragment，无需额外处理。
• 使用addToBackStack()会将Fragment切换操作加入回退栈，点击返回键会回到上一个Fragment，根据需求选择是否添加。

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