BottomNavigation切换Fragment时Home Fragment未消失及RecyclerView未隐藏问题

核心问题分析 #

1. Fragment叠加显示：

   • 初始未加载HomeFragment，容器为空时首次添加Fragment后，后续replace逻辑虽正确，但Activity布局中FrameLayout高度设为wrap_content，导致Fragment仅占部分空间；同时未缓存Fragment实例，每次点击都创建新实例，易引发生命周期异常。
   • 若Fragment布局无透明背景，会视觉上造成叠加错觉。

2. RecyclerView无法隐藏：

   • 你将RecyclerView直接放在Activity布局中，与Fragment容器同级，不属于任何Fragment，因此切换Fragment时它会持续显示在界面上层。

解决方案 #

1. 修正Activity布局 #

移除Activity中独立的RecyclerView，同时将Fragment容器FrameLayout高度改为match_parent，确保Fragment占满底部导航以外的全部空间：

<RelativeLayout
    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"
    tools:context=".view.FeedActivity">

    <FrameLayout
        android:id="@+id/cercevekapsayici"
        android:layout_above="@id/bottom_appbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/bottom_appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" >

        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_navigation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?android:attr/windowBackground"
            app:itemIconTint="@color/cardview_dark_background"
            app:labelVisibilityMode="unlabeled"
            app:menu="@menu/bottom_navigation" />

    </com.google.android.material.appbar.AppBarLayout>
</RelativeLayout>

2. 重构FeedActivity代码 #

• 初始加载HomeFragment，避免容器为空状态
• 缓存Fragment实例，避免重复创建，保证replace操作正确销毁旧Fragment

class FeedActivity : AppCompatActivity() {

    private lateinit var bottomNavigationView: BottomNavigationView
    // 缓存Fragment实例，减少重复创建开销
    private val fragmentCache = mutableMapOf<Int, Fragment>()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_feed)

        bottomNavigationView = findViewById(R.id.bottom_navigation)
        // 进入页面直接加载HomeFragment
        loadTargetFragment(R.id.nav_home)

        bottomNavigationView.setOnItemSelectedListener { menuItem ->
            loadTargetFragment(menuItem.itemId)
            true
        }
    }

    private fun loadTargetFragment(itemId: Int) {
        val targetFragment = fragmentCache.getOrPut(itemId) {
            when (itemId) {
                R.id.nav_home -> HomeFragment()
                R.id.nav_search -> SearchFragment()
                R.id.nav_add -> AddFragment()
                R.id.nav_notifications -> NotificationsFragment()
                R.id.nav_profile -> ProfileFragment()
                else -> throw IllegalStateException("未匹配的菜单ID: $itemId")
            }
        }
        supportFragmentManager.beginTransaction()
            .replace(R.id.cercevekapsayici, targetFragment)
            .commit()
    }
}

3. 迁移RecyclerView到HomeFragment #

将原Activity中的RecyclerView移至HomeFragment的布局文件内，这样只有HomeFragment显示时，RecyclerView才会存在：

<!-- home_fragment.xml -->
<androidx.recyclerview.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white" />

4. 消除视觉叠加错觉 #

给所有Fragment的根布局设置不透明背景（如android:background="@color/white"），避免因透明背景看到下层内容。

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