Las páginas deben llenar todo el ViewPager2 (use match_parent)

Tengo un diseño de artículo donde muestro una imagen, el nombre del producto y la imagen del producto. Debo mostrar la imagen en una proporción de 1:1,5 utilizando un diseño de restricción. Pero cuando cargo una imagen pequeña, debajo de los textos no se muestran.

A continuación se muestra mi código de elemento XML: –

<?xml version="1.0" encoding="utf-8"?>
<layout 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">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/coordinatorLayoutCartRoot"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.jackandphantom.circularimageview.RoundedImage
            android:id="@+id/imageViewSlider"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:scaleType="centerCrop"
            app:layout_constraintBottom_toTopOf="@id/tvTitle"
            app:layout_constraintDimensionRatio="WH,1:1.4"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:rounded_radius="0"
            tools:src="https://stackoverflow.com/questions/58341487/@tools:sample/avatars" />

        <TextView
            android:id="@+id/tvTitle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="4dp"
            android:text="Fitted crew neck sweater"
            android:textColor="@color/colorBlack"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@id/imageViewSlider" />

        <TextView
            android:id="@+id/tvPrice"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="4dp"
            android:text="$34.00"
            android:textColor="@color/colorBlack"
            android:textStyle="bold"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@id/tvTitle" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

1. Salida con imagen larga: – https://i.imgur.com/QVnljX6.png
2. Salida con imagen pequeña: – https://i.imgur.com/0ZwkVwE.png

Y si reemplazo match_parent con wrap_content, la aplicación falla con el siguiente error: –

java.lang.IllegalStateException: las páginas deben llenar todo el ViewPager2 (use match_parent)

Descubrí que el problema está en inflar el titular de la vista.

Tuve el mismo problema y lo resolví cambiando

ViewBinding.inflate(inflater)

a

ViewBinding.inflate(inflater, parent, false)

Mientras luchaba con este problema, descubrí cuál era el problema. Mi caso de uso fue que estaba usando androidx.viewpager2.widget.ViewPager2 y llamando a Vistas normales en RecyclerView.

Si observa el error con cuidado, verá algo como esto:

 java.lang.IllegalStateException: Pages must fill the whole ViewPager2 (use match_parent)
    at androidx.viewpager2.widget.ViewPager2$2.onChildViewAttachedToWindow(ViewPager2.java:170)

La segunda línea es la clave del problema principal. Si abre ViewPager2.java, verá

 private RecyclerView.OnChildAttachStateChangeListener enforceChildFillListener() {
    return new RecyclerView.OnChildAttachStateChangeListener() {
        @Override
        public void onChildViewAttachedToWindow(@NonNull View view) {
            RecyclerView.LayoutParams layoutParams =
                    (RecyclerView.LayoutParams) view.getLayoutParams();
            if (layoutParams.width != LayoutParams.MATCH_PARENT
                    || layoutParams.height != LayoutParams.MATCH_PARENT) {
                throw new IllegalStateException(
                        "Pages must fill the whole ViewPager2 (use match_parent)");
            }
        }

        @Override
        public void onChildViewDetachedFromWindow(@NonNull View view) {
            // nothing
        }
    };
}

Android no está tomando el match_parent asignado en xml para adjuntar vistas. Es posible que se realicen mejoras futuras en la próxima versión de ViewPager2.

De todos modos, por ahora, para solucionarlo, establezca los parámetros de diseño como MATCH_PARENT explícitamente.

 view.setLayoutParams(new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));

Esta vista es la vista principal que contiene los hijos de View Pager.

En su caso, sería androidx.constraintlayout.widget.ConstraintLayout.

 view.setLayoutParams(new ConstraintLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));

establezca el ancho y la altura en el elemento de su adaptador de ViewPager2 match_parent

Utilizar match_parent para usted viewholder disposición de ViewPager2

Tengo el mismo error, después de que a veces encontré el problema en ViewPager2elemento del adaptador, lo cambié de wrap_content a match_parenty se solucionó.

<ImageView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/iv_banner"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/> <!--Change height here to match_parent-->

Deberías escribir así:

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
    val view: View = inflater.inflate(R.layout.yourlayout, parent, false)
    view.layoutParams = ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)
    return ViewHolder(view)
}
inner class ViewHolder(itemView: View) :
    RecyclerView.ViewHolder(itemView) {
}

Para mí, el problema era que las páginas (es decir, el diseño principal/raíz del adaptador) en ViewPager2 no coincidían con el padre, por lo que el error era
java.lang.IllegalStateException: Pages must fill the whole ViewPager2 (use match_parent)

El elemento viewpager2 debe tener el ancho y el alto de match_parent. pero SI está utilizando View Binding, debe inflar el diseño, como fragmentos:

ViewBinding.inflate(inflater, parent, false)