底部弹窗 + ViewPager2 拖动隐藏无法正常工作

Question

我遇到了问题，我认为它可能是 CoordinatorLayout 的问题，但不确定。我在 ConstraintLayout 中使用 ViewPager2，并像使用 BottomSheet 一样使用 CoordinatorLayout。但是当我拖动隐藏它时，效果不好。我将 ViewPager2 替换为 ViewPager ，然后它就正常工作了。希望你能帮助我。

这是我的 XML 文件:

    <androidx.coordinatorlayout.widget.CoordinatorLayout 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">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/bottom_sheet_behavior"
        app:behavior_hideable="false"
        app:behavior_peekHeight="60dp" >

        <androidx.viewpager2.widget.ViewPager2
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintDimensionRatio="4:3"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:background="#0000FF"/>
    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

- Oscar Hernandez

Answer 1

这可以通过禁用ViewPager2RecyclerView的嵌套滚动来解决；但由于RecyclerView不能直接通过ViewPager2库访问。因此，无法在布局中实现。

因此，我们可以使用Java反射获取RecyclerView，如下所示：

Java：

public static RecyclerView getRecyclerView(ViewPager2 viewPager) {
    try {
        Field field = ViewPager2.class.getDeclaredField("mRecyclerView");
        field.setAccessible(true);
        return (RecyclerView) field.get(viewPager);
    } catch (NoSuchFieldException e) {
        e.printStackTrace();
    } catch (IllegalAccessException e) {
        e.printStackTrace();
    }
    return null;
}

Kotlin:

fun ViewPager2.getRecyclerView(): RecyclerView? {
    try {
        val field = ViewPager2::class.java.getDeclaredField("mRecyclerView")
        field.isAccessible = true
        return field.get(this) as RecyclerView
    } catch (e: NoSuchFieldException) {
        e.printStackTrace()
    } catch (e: IllegalAccessException) {
        e.printStackTrace()
    }
    return null
}

然后禁用嵌套滚动：

Java：

RecyclerView recyclerView = getRecyclerView(viewPager);
if (recyclerView != null) {
    recyclerView.setNestedScrollingEnabled(false);
    recyclerView.setOverScrollMode(View.OVER_SCROLL_NEVER); // Optional
}

Kotlin:

val recyclerView = viewPager.getRecyclerView()
recyclerView?.isNestedScrollingEnabled = false
recyclerView?.overScrollMode = View.OVER_SCROLL_NEVER // Optional

这对我来说没有设置OverScrollMode也可以正常工作，所以如果它不能在您的设备上正常工作，您可以像上面一样禁用OverScrollMode。

- Zain