Android | 使用BottomNavigationView 作为底部导航时会遮挡Fragment解决方案

最新推荐文章于 2024-08-09 11:26:38 发布

啥都不会可咋办

最新推荐文章于 2024-08-09 11:26:38 发布

阅读量3.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： BottomNavigationView Android

本文链接：https://blog.csdn.net/fxyburan/article/details/102498243

Android 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了在Android开发中遇到BottomNavigationView遮挡Fragment的问题，并提供了最终解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用BottomNavigationView作为底部导航时导航栏一直浮在展示Fragment的FrameLayout底部上层(想要的效果是FrameLayout和BottomNavigationView按vertical的orientation排列)

最终代码:

<?xml version="1.0" encoding="utf-8"?>
<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:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <FrameLayout
        android:id="@+id/mainContentFrame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/navigation"
        android:background="@color/white"
        app:layout_constraintBottom_toTopOf="@+id/navigation"
        app:layout_constraintTop_toTopOf="parent"
        tools:ignore="UnknownId"
        tools:layout_editor_absoluteX="0dp" />

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:itemBackground="@color/blueGreen"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/navigation" />

</RelativeLayout>