在使用 bottomnavigationview 实现 fragment 页面跳转时，若目标 fragment 背景透明且未设置可点击属性，会导致新旧 fragment 视图叠加显示，造成 ui 重叠 bug。

在使用 bottomnavigationview 实现 fragment 页面跳转时，若目标 fragment 背景透明且未设置可点击属性，会导致新旧 fragment 视图叠加显示，造成 ui 重叠 bug。

该问题本质并非导航逻辑错误，而是 Fragment 容器的视觉层叠行为未被正确控制：当 Detail1Fragment 通过 replace() 加载到 nav_host_fragment_container 中时，其根布局（FrameLayout）默认背景为透明（android:background 未设置），且 clickable="false"（默认值），导致触摸事件穿透、系统渲染层无法正确隔离——上层 Fragment 的 View 实际仍保留在视图树中并参与绘制，从而与底层 DashboardFragment 的 ListView 发生视觉重叠。

✅ 正确修复方式（两步必做）

1. 为所有 Fragment 的根布局显式设置不透明背景色
   避免透明背景引发的视觉混合和 Z 轴渲染异常：

   <!-- fragment_detail1.xml -->
   <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/nav_host_fragment_container"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:background="#FFFFFF"  <!-- 关键：填充纯白背景 -->
       android:clickable="true"      <!-- 关键：拦截事件 -->
       android:focusable="true"
       tools:context=".ui.dashboard.Detail1Fragment">
   
       <TextView
           android:id="@+id/textViewDetail"
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:text="@string/hello_blank_fragment" />
   </FrameLayout>

2. 同步修复 fragment_dashboard.xml 中的容器结构隐患
   当前 fragment_dashboard.xml 存在严重布局冲突：ListView 和 FrameLayout（nav_host_fragment_container）均设置了 app:layout_constraintTop_toTopOf="parent" 和 app:layout_constraintBottom_toBottomOf="parent"，导致二者完全重叠。应明确层级关系——nav_host_fragment_container 仅作为导航宿主容器，不应与业务控件（如 ListView）共存于同一 Fragment 布局中。

   ✅ 推荐重构方案（推荐）：

   • 移除 fragment_dashboard.xml 中的 <framelayout android:id="@+id/nav_host_fragment_container" ...></framelayout>
   • 确保 nav_host_fragment_container 仅存在于 activity_main.xml 的 NavHostFragment 容器中（即由 BottomNavigationView 统一管理）
   • 所有 Fragment 切换均通过 Navigation Component 的 NavController 完成，而非手动 supportFragmentManager.beginTransaction()

   ⚠️ 若坚持手动事务，请删除 DashboardFragment 中重复的事务调用（当前代码存在双提交风险）：

   // ❌ 错误：已在 MainActivity.openDetailFragment() 中提交一次，此处又提交一次
   activity.openDetailFragment(selectedItem, lyrics) // ← 已 commit
   requireActivity().supportFragmentManager.beginTransaction()
       .replace(R.id.nav_host_fragment_container, detail1Fragment) // ← 冗余且危险
       .addToBackStack(null)
       .commit()

? 注意事项总结

• 勿混用 Navigation Component 与手动 Fragment 事务：NavHostFragment 已接管 R.id.nav_host_fragment_container，手动 replace() 易引发状态不一致；
• 所有 Fragment 根布局必须设 android:background（如 #FFFFFF 或主题色），禁用透明背景；
• 务必添加 android:clickable="true"（配合 focusable="true" 更佳），确保事件不穿透至下层 Fragment；
• 检查 activity_main.xml 中 NavHostFragment 的 ID 是否与 Kotlin 代码中 findNavController(R.id.nav_host_fragment_activity_main) 一致（注意命名差异：nav_host_fragment_activity_main vs nav_host_fragment_container）；
• 使用 FragmentContainerView 替代 FrameLayout 作为导航宿主（AndroidX 推荐），具备更好的生命周期兼容性。

完成上述修改后，页面切换将呈现清晰的层叠关系，彻底消除 ListView 与 Detail 页面的视觉重叠问题。