RecyclerView 在 BottomSheetFragment 中隐藏其下方的项目

Posted 2023-04-18

【中文标题】RecyclerView 在 BottomSheetFragment 中隐藏其下方的项目

【英文标题】：RecyclerView obscurs items below it in a BottomSheetFragment

【发布时间】：2021-12-18 14:16:03

【问题描述】：

我正在使用带有自定义布局的BottomSheetDialogFragment。我正在尝试进行以下设置：

<TextView> -> pinned to the top of the bottom sheet
<RecyclerView> -> wrap_content 
<Button> -> pinned to the bottom of the bottom sheet

TextView 和 Button 必须始终可见（粘性），而 RecyclerView 应保持在中间并滚动而不遮挡其他视图。

这是我目前的布局：

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_
    android:layout_>

    <TextView
        android:id="@+id/title"
        android:layout_
        android:layout_
        android:text="Title"
        app:layout_constraintBottom_toTopOf="@id/recyclerView"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_
        android:layout_
        app:layout_constrainedHeight="true"
        app:layout_constraintBottom_toTopOf="@id/button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/title" />

    <Button
        android:id="@+id/button"
        android:layout_
        android:layout_
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

这是一个小项目列表的样子，RecyclerView 不需要滚动。

这是一个大项目列表的样子。 标题保持固定在顶部，但按钮不会。 即使我一直向下滚动，该按钮实际上甚至都不可见。

让我感到奇怪的是，同样的布局也适用于常规的全屏活动，但不知何故会因为BottomSheetFragment 而失败。

我已经看过其他帖子，但没有一个有帮助，例如

RecyclerView (wrap_content) inside of a BottomSheetDialogFragment

【问题讨论】：

感谢您的帮助。原来是底部工作表状态配置的问题，而不是布局问题。

【参考方案1】：

recycler view 的高度不应该是 wrap_content

如果您希望在标题和页脚之间使用回收器，更好的方法是设置 height = 0 并将其顶部固定到底部标题，并将其底部固定到页脚顶部（就像您已经做过的那样），它会自动拉伸给你

【讨论】：

不幸的是，这没有帮助。 RecyclerView 在两者之间被压扁，根本不可见。

【参考方案2】：

最终的解决方案是将底部工作表的状态设置为展开，例如

val bottomSheetDialog = requireDialog() as BottomSheetDialog
bottomSheetDialog.behavior.state = BottomSheetBehavior.STATE_EXPANDED

我认为底部的工作表从未完全展开，因此布局从未完全可见。我以为底页会根据内容的高度自动展开，但我错了。布局本身很好，我不必对其进行任何更改。