BottomNavigationView遮挡ListView最后一项,如何设置ListView位于其上方?
问题原因
你当前的根布局为ConstraintLayout,但内部承载ListView的RelativeLayout没有配置正确的约束规则,同时承载BottomNavigationView的FrameLayout高度为match_parent,导致底部导航控件直接悬浮在ListView上层,遮挡了列表底部内容。
解决方案
调整布局约束规则,移除不必要的嵌套布局,利用ConstraintLayout的约束能力让ListView自动填充底部导航上方的区域,修改后的完整代码如下:
<?xml version="1.0" encoding="utf-8"?> <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" tools:context=".ui.spccheck.CheckSPCFragment"> <ListView android:id="@+id/listviewspc2" android:layout_width="match_parent" android:layout_height="0dp" android:divider="@android:color/holo_blue_light" android:dividerHeight="1.0sp" app:layout_constraintTop_toTopOf="parent" app:layout_constraintBottom_toTopOf="@id/bottom_navigation" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent"/> <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/colorPrimaryDark" app:itemBackground="@color/colorPrimaryDark" app:itemIconTint="@android:color/white" app:itemTextColor="@android:color/white" app:menu="@menu/bottom_nav_menu" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent"/> </androidx.constraintlayout.widget.ConstraintLayout>
关键修改说明
- 移除了冗余的RelativeLayout和FrameLayout嵌套,减少布局层级提升性能
- 给BottomNavigationView添加
app:layout_constraintBottom_toBottomOf="parent"约束,固定在父布局底部 - 给ListView设置高度为0dp(即match_constraint),同时添加底部约束
app:layout_constraintBottom_toTopOf="@id/bottom_navigation",让列表高度自动适配底部导航上方的所有可用空间,不会再被底部导航遮挡。
内容的提问来源于stack exchange,提问作者Josef
相关产品推荐
相关产品推荐

