alexzada-Card Elements

[unique breach]

👋 happy to help

[earnest falcon]

hello tarzan 👋

[wind lotus]

do you mean you want a multi-line form like in the second screenshot?

[earnest falcon]

yep, i saw something about using the separate elements, but I couldn't find it inside the React Native SDK

[wind lotus]

well the easiest way is to use the PaymentSheet since that is mutiline by default and supports Apple/Google Pay and other payment methods. https://stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet

alternatively there is CardForm as a multi-line dropin form for just cards https://stripe.dev/stripe-react-native/api-reference/index.html#CardForm

[earnest falcon]

I even implemented this form, but as we chose to use the synchronous form with completion on the server, I only used CardField because I don't know how to use PaymentSheet just to get the card details, and I also had another problem regarding the component's language, as I am in Brazil, I needed it to be in Portuguese, but in all the devices I tested, it was in English (PaymentSheet)

[wind lotus]

it definitely localises so you did something wrong there

[earnest falcon]

I haven't seen it yet, I'll see it now

[earnest falcon]

probably haha

[wind lotus]

usually it's because your own app is not localised

like in iOS your own app has to be have translations for the given language in order for it to work in the SDK(we have our own translations but they're only used when the app using the SDK is using that language)

[earnest falcon]

I don't remember locating my app, in fact I don't even know how to do that

[earnest falcon]

worked perfectly for what I need, thank you very much!

@wind lotus one more question, where can i see how to style the CardForm?

[wind lotus]

it takes a React Native ViewStyle object as the style parameter

[earnest falcon]

but how would I change the color of the Card number label for example?

[wind lotus]

not sure , I haven't used this component myself

[earnest falcon]

😖

[wind lotus]

I can try to look but it's too busy right now, I'd suggest experimenting with it and looking at the examples