Android BottomSheet被LinearLayout遮挡，如何使其显示在顶层？

你的问题核心在于根布局使用了LinearLayout，而BottomSheet的正常交互（滑动、层级显示）完全依赖CoordinatorLayout作为它的直接父容器，并且CoordinatorLayout需要作为页面的根布局来管理所有子View的行为协调。LinearLayout是线性布局，不具备CoordinatorLayout的交互协调能力，导致你的BottomSheet被压在页面最下方，无法触发上滑逻辑。

具体修复步骤 #

1. 替换根布局为CoordinatorLayout #

把原来的根LinearLayout换成CoordinatorLayout，让它成为整个页面的布局容器，这样才能正确管理BottomSheet和其他内容的层级与交互。

2. 调整布局结构 #

将你原来的所有主内容（顶部日期栏、五个祈祷时间栏）包裹在一个LinearLayout里，作为CoordinatorLayout的子View；然后把BottomSheet直接作为CoordinatorLayout的子View，而不是嵌套在原来的LinearLayout底部。

3. 给BottomSheet添加Behavior属性 #

确保你的BottomSheet根View（或者<include>标签）设置app:layout_behavior="@string/bottom_sheet_behavior"，这是CoordinatorLayout识别BottomSheet并赋予其滑动能力的关键。

修改后的完整XML示例 #

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/backgroudColor">

    <!-- 原有的主内容区域，保持你的布局结构 -->
    <LinearLayout 
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <RelativeLayout 
            android:layout_width="match_parent"
            android:layout_height="150sp"
            android:background="@color/colorAccent"
            android:id="@+id/relative">

            <TextView 
                android:id="@+id/date"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:paddingLeft="30dp"
                android:paddingRight="15dp"
                android:text="30"
                android:textSize="62sp" />

            <TextView 
                android:id="@+id/weekDay"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Monday"
                android:textSize="26sp"
                android:layout_toRightOf="@+id/date"
                android:layout_alignTop="@+id/date"
                android:paddingTop="10dp" />

            <TextView 
                android:id="@+id/dateMonthYear"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="January 2016"
                android:layout_toRightOf="@+id/date"
                android:layout_marginTop="70dp"
                android:paddingTop="5dp" />
        </RelativeLayout>

        <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="#e74c3c"
            android:id="@+id/fajar">

            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Fajar"
                android:layout_gravity="center_vertical"
                android:textSize="26sp"
                android:paddingStart="10dp" />
        </LinearLayout>

        <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="#2ecc71"
            android:id="@+id/zuhar">

            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Zuhar"
                android:layout_gravity="center_vertical"
                android:textSize="26sp"
                android:paddingStart="10dp" />
        </LinearLayout>

        <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="#3498db"
            android:id="@+id/asar">

            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Asar"
                android:layout_gravity="center_vertical"
                android:textSize="26sp"
                android:paddingStart="10dp" />
        </LinearLayout>

        <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="#9b59b6"
            android:id="@+id/maghrib">

            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Maghrib"
                android:layout_gravity="center_vertical"
                android:textSize="26sp"
                android:paddingStart="10dp" />
        </LinearLayout>

        <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="#f1c40f"
            android:id="@+id/isha">

            <TextView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Isha"
                android:layout_gravity="center_vertical"
                android:textSize="26sp"
                android:paddingStart="10dp"/>
        </LinearLayout>
    </LinearLayout>

    <!-- BottomSheet 直接作为 CoordinatorLayout 的子View，添加Behavior属性 -->
    <include 
        layout="@layout/bottomsheet"
        app:layout_behavior="@string/bottom_sheet_behavior"
        app:behavior_peekHeight="60dp"/> <!-- 可选：设置默认露出的高度，按需调整 -->

</android.support.design.widget.CoordinatorLayout>

额外注意点 #

• 检查你的bottomsheet.xml布局，确保它的根View高度设置合理（比如wrap_content或固定高度），如果内容较多，建议用NestedScrollView包裹，保证滑动流畅。
• 确保你的项目已经正确引入了Design Support库（如果是AndroidX则对应com.google.android.material:material库）。

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