react-native-awesome-medialib/android/src/main/res/layout/view_media_preview.xml

A useful media selector module base on native component

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
  android:background="@color/color_1a1a1a">

  <androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/rl_operation"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dp_50"
    android:layout_marginBottom="@dimen/dp_34"
    app:layout_constraintBottom_toBottomOf="parent">

    <ImageButton
      android:id="@+id/iv_select"
      android:layout_width="@dimen/dp_33"
      android:layout_height="@dimen/dp_33"
      android:layout_marginStart="@dimen/dp_16"
      android:background="@android:color/transparent"
      android:contentDescription="@null"
      android:gravity="center"
      android:padding="@dimen/dp_4"
      android:src="@drawable/ic_state_uncheck"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent" />

    <TextView
      android:id="@+id/tv_selected_order"
      android:layout_width="@dimen/dp_33"
      android:layout_height="@dimen/dp_33"
      android:layout_marginStart="@dimen/dp_16"
      android:gravity="center"
      android:padding="@dimen/dp_4"
      android:text="@null"
      android:textColor="@color/color_1a1a1a"
      android:textSize="@dimen/dp_12"
      android:textStyle="bold"
      android:visibility="gone"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent"
      tools:ignore="SpUsage" />

    <TextView
      android:id="@+id/tv_selected_num"
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:gravity="center"
      android:textColor="@android:color/white"
      android:textSize="14sp"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent" />

    <TextView
      android:id="@+id/tv_next_step"
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:layout_marginEnd="@dimen/dp_7"
      android:gravity="center"
      android:paddingStart="@dimen/dp_9"
      android:paddingEnd="@dimen/dp_9"
      android:text="@string/next_step"
      android:textColor="@android:color/white"
      android:textSize="14sp"
      app:layout_constraintEnd_toEndOf="parent"
      tools:ignore="RelativeOverlap" />

  </androidx.constraintlayout.widget.ConstraintLayout>

  <androidx.viewpager.widget.ViewPager
    android:id="@+id/vp_preview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginBottom="@dimen/dp_84" />

  <androidx.recyclerview.widget.RecyclerView
    android:id="@+id/rv_selected"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dp_95"
    android:background="@color/color_7f1a1a1a"
    app:layout_constraintBottom_toTopOf="@+id/rl_operation" />

</androidx.constraintlayout.widget.ConstraintLayout>