在使用 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 发生视觉重叠。
✅ 正确修复方式（两步必做）
-
为所有 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"></textview></framelayout> -
同步修复
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_mainvsnav_host_fragment_container）； - 使用
FragmentContainerView替代FrameLayout作为导航宿主（AndroidX 推荐），具备更好的生命周期兼容性。
完成上述修改后，页面切换将呈现清晰的层叠关系，彻底消除 ListView 与 Detail 页面的视觉重叠问题。
