expo-payments-stripe/android/src/main/res/layout/payment_form_fragment.xml

Provides support for payments through Stripe and Apple Pay on iOS (in bare apps), and Stripe on Android (plus Android Pay with bare apps).

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:paddingLeft="8dp"
    android:minWidth="400dp"
    android:paddingRight="8dp">

    <ImageView
        android:layout_width="match_parent"
        android:maxWidth="200dp"
        android:maxHeight="200dp"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:src="@drawable/card_512"/>

    <EditText
        android:id="@+id/number"
        style="@style/CardNumber"
        android:maxLength="16"
        android:inputType="numberSigned"
        android:nextFocusDown="@+id/expMonth"
        android:nextFocusForward="@+id/expMonth"
        android:nextFocusRight="@+id/expMonth" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Spinner
            android:id="@+id/expMonth"
            style="@style/ExpMonth"
            android:nextFocusForward="@+id/expYear" />

        <Spinner
            android:id="@+id/expYear"
            style="@style/ExpYear"
            android:nextFocusForward="@+id/cvc" />

    </LinearLayout>

    <EditText
        android:id="@+id/cvc"
        style="@style/CVC"
        android:inputType="numberSigned"
        android:maxLength="3"
        android:gravity="center"
        android:nextFocusForward="@+id/currency" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Spinner
            android:id="@+id/currency"
            style="@style/Currency"
            android:nextFocusForward="@+id/save" />
    </LinearLayout>

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/save"
            android:layout_gravity="center"
            style="@style/Save" />

        <ProgressBar
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:id="@+id/buttonProgress"
            android:visibility="gone"/>

    </FrameLayout>

</LinearLayout>