Albert-cardForm | Stripe Developers | Page 1

uneven basin Mar 24, 2022, 9:19 AM

#

Hi! Give me a few minutes to look into this.

#

By cardForm you mean the CardField element? https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=custom#react-native-create-checkout-page

snow wasp Mar 24, 2022, 9:24 AM

#

No, this is what I am trying to use now: https://stripe.dev/stripe-react-native/api-reference/modules/CardFormView.html

CardFormView | @stripe/stripe-react-native

Documentation for @stripe/stripe-react-native

#

Looks like this:

uneven basin Mar 24, 2022, 9:34 AM

#

Got it! Unfortunately I don't think there's customization options for the cardForm.

#

I would recommend to use the Mobile Payment Element instead. It should look similar to your mockup if you use the darkmode theme.
https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet#react-native-customization

snow wasp Mar 24, 2022, 9:40 AM

#

I see, thank you very much for your help 🙏

#

However, is there a way to have a custom input form to collect card details?

uneven basin Mar 24, 2022, 9:45 AM

#

What do you mean? If you use the Mobile Payment Element, there's a default card input included (and I don't think you can directly customize it)

snow wasp Mar 24, 2022, 9:50 AM

#

Oh sorry, I mean to have some input filed that will collect the card details from users, and use those values to add the card to Stripe.

#

The thing is that we just need to store this card for future payments.

uneven basin Mar 24, 2022, 10:00 AM

#

So you would like to create your own input field to collect card details? This is not recommended, as this requires being PCI compliant. So you should use the Stripe inputs, like the Mobile Payment Element.

#Albert-cardForm